/*  
Theme Name: Edward Joseph Snowden
Description: Library theme based on Docdocdoc's main theme
Version: 5.2020
Author: zeleñ y sinevá
Author URI: https://design.grachev.eu
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

* {
	margin: 0;
	padding: 0;}

html {
	height: 100%;}

body {
	background: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	font-weight: 300;
	color: #000000;
	height: 100%;}

/*
Light - 300
SemiBold - 600
ExtraBold - 800
*/

a {color: #555555; text-decoration: underline; outline: 0;}

a:hover {color: #000000; text-decoration: none; /*transition: color 0.3s ease 0s;*/ outline: 0;}

em {font-style: italic;}

strong {font-weight: 600;}

#header {
	margin: 0 auto;
	width: 94%;
	max-width: 1200px;
	height: 120px;
	background: #ffffff;
	font-weight: 600;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;}

#logo {
	float: left;
	width: 90px;
	margin: 0 auto;}

#logo img {
	height: 100%;
	max-height: 70px;
	width: auto;}

#nothing {
	float: left;
	width: calc(100% - 180px);}

#eng {
	float: left;
	width: 90px;
	margin: 0 auto 0 auto;
	text-align: right;}

#eng p {
	font-size: 1em;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: -10px;}

#eng a {
	color: #000000;
	text-decoration: none;}

#eng img {
	width: 100%;
	max-width: 24px;
	height: auto;
	cursor: pointer;}

#search {
    width: 94%;
	max-width: 900px;
    padding: 20px 0;
    text-align: center;
    margin: 0 auto;
    display: none;
    position: absolute;
    top: 17px;
	z-index: 999999;}

div.asl_w .probox .promagnifier {
	width: auto !important;
	padding: 0 15px !important;
	background-image: none !important;
	background-color: #000000 !important;}

/* Всё, что касается цвета placeholder и текста в строке поиска, прописал в custom css самого плагина в админке. Иначе не работает. */

.asl_m .innericon {
    display: inline-block !important;
    font: normal normal normal 14px/1 !important;
    font-size: inherit !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    color: #ffffff !important;
	padding-top: 9px !important;}

.asl_m .innericon::after {
    content: "OK" !important;
    font-size: 16px !important;}

.asl_m .innericon svg {
    display: none !important;}

#menu {
	/*float: left;
	width: calc(100% - 180px);*/
	clear: both;
	width: 100%;
	max-width: 900px;
	font-size: 1em;
	font-weight: 600;
	height: 50px;
	/*margin: 0 auto;*/
	margin: -80px auto 30px auto;}

#mega-menu-wrap-new-top-menu {
	background: none !important;}

#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
	font-weight: 600 !important;
	text-transform: uppercase !important;}

#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
	font-weight: 600 !important;
	line-height: 20px !important;}

#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
	min-height: 40px !important;
	padding: 10px !important;}

ul.mega-sub-menu ul.mega-sub-menu li a {
	background: #d5d5d5 !important;}

ul.mega-sub-menu ul.mega-sub-menu li a:hover {
	background: #aeaeae !important;}

.wrapper {
	width: 100%;
	margin: 0 auto -100px auto;}

main {
	display: block;
	background-color: #ffffff;}

.container {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/*padding: 0 1.6666666666667%;*/}

.container-inner {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 0;
	padding-bottom: 120px;}

.container-main {
	padding-top: 0 !important;
	padding-bottom: 50px !important;}

.wrapper #post-content {
	max-width: 800px;
	margin: 0 auto;}


/* TOP VISUAL */

.top-visual-main, .top-visual-staff, .top-visual-graduate {
	width: 100%;
	height: 400px;
	background: #ffffff;
	margin: 0 auto 50px auto;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	display: flex;
	align-items: center;}

h1 {
	width: 94%;
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	font-weight: 800;
	font-size: 3em;
	line-height: 1.25em;
	color: #ffffff;}

.top-visual-normal {
	width: 100%;
	height: 200px;
	background: #ffffff;
	margin: 0 auto 50px auto;
	display: flex;
	align-items: center;}

.top-visual-normal h1 {
	color: #000000;
	text-shadow: none;}

.top-visual-graduate {
	background-position: center;}


/* ГЛАВНАЯ СТРАНИЦА - блок статей */

#articles {
	clear: both;
	width: 100%;
	max-width: 1200px;
	margin: -1.250em 0 0 0;
	/*display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	justify-content: center;*/}

#articles a, .container-inner a, #news a {
	color: #000000;}

#articles a:hover, .container-inner a:hover, #news a:hover {
	color: #555555;}
	
#single-article {
	float: left;
	width: 22.5%;
	max-width: 270px;
	margin: 15px 1.25% 30px 1.25%;
	border-top: 3px solid #555555;
	height: 450px;}

.archive-article {
	width: 22.5% !important;
	margin: 15px  1.25% 30px 1.25% !important;
	border: none !important;
	height: 400px !important;}

#single-article img.attachment-270x200 {
	margin: 7px auto;
	width: 100% !important;
	height: auto !important;}

.category-name {
	margin: 7px auto;
	text-align: center;
	font-weight: 600;
	font-size: 1.250em;
	color: #555555;}

.post-excerpt {
	margin: 5px auto 20px auto;
	font-weight: 300;
	font-size: 0.938em;
	line-height: 1.250em;}

.post-date, .post-views {
	margin: 7px auto;
	font-weight: 300;
	font-size: 0.875em;
	color: #888888;}

.post-views {
	background: url(img/icon-postviews.png) no-repeat;
	background-position: 0px 4px;
	padding: 2px 2px 2px 25px;}

.rand {
	clear: both;
	width: 100%;
	height: 200px;
	margin: 0 auto;
	text-align: center;
	color: #ffffff;}


/* СТАНДАРТНЫЙ КАТАЛОГ (он же АРХИВ) */

.list > * {
  vertical-align: top;}

.list-item {
	width: 20%;
	margin: 0 2.25% 50px;
	display: inline-block;
	text-align: center;}

.list-item .cover img {
	width: 100%;
	max-width: 190px;
	height: auto;}

.list-item .title {
	font-size: 16px;
	font-weight: 600;
	line-height: normal;
	margin: 15px auto 0 auto;}

.list-item .writer {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	margin: 15px auto 0 auto;
	max-height: 150px;
	overflow: hidden;}


/* КОЛЛЕКЦИЯ */

.collection-description {
	width: 94%;
	max-width: 800px;
	margin: 0 auto 100px auto;
	font-size: 1em;
	line-height: 1.75em;
}

a.collection-link {
	display: block;
	width: 94%;
	max-width: 800px;
	margin: 0 auto;
	color: #ffffff;
	text-decoration: none;}

a.collection-link:hover {
	color: #ffffff;}

.collection-item {
	margin: 0 auto 40px auto;
	min-height: 200px;
	text-align: center;
	background-color: #888888;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-blend-mode: multiply;
}

a.collection-link:hover .collection-item {
	background-blend-mode: normal;}

.collection-item .title {
	margin: 0 auto;
	font-size: 30px;
	font-weight: 800;
	padding-top: 50px;
}

.collection-item .writer {
	margin: 0 auto;
	font-size: 20px;
	font-weight: 600;
	padding-top: 20px;
}

.collection-item .few-words {
	margin: 0 auto;
	font-size: 16px;
	padding-top: 25px;
	width: 90%;
	line-height: 24px;
	max-height: 50px;
	overflow: hidden;
	text-align: left;
}


/* КНИГА из стандартного каталога */

.header-book h2 {
	width: 94%;
	max-width: 1200px;
	text-align: left;
	margin: 10px auto 0 auto;
	font-weight: 800;
	font-size: 2em;
	line-height: 1.25em;}

.wrapper-inner .container-inner {
	width: 94%;}

.book-image {
	float: left;
	width: calc(40% - 45px);
	margin-right: 45px;}

.book-details {
	float: left;
	width: 60%;}

.book-details .detail {
	font-size: 22px !important;
	line-height: 36px !important;
	margin: 0 auto 24px auto !important;}

.book-details .detail.cats {
	padding-bottom: 35px;}

.book-details .detail.cats a {
	font-weight: 600;}

.wrapper-inner #post-content {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;}

#post-content img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	text-align: center;}

#post-content a {
	color: #555555;}

#post-content a:hover {
	color: #000000;}

h2 {
	text-align: center;
	margin: 45px auto 30px auto;
	font-weight: 300;
	font-size: 1.75em;
	line-height: 1.25em;
	color: #000000;}

h3 {
	text-align: center;
	margin: 45px auto 30px auto;
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.25em;
	color: #000000;}

h4 {
	text-align: center;
	margin: 45px auto 30px auto;
	font-size: 1.25em;
	line-height: 1.25em;
	color: #000000;}

#post-content p {
	margin: 15px auto;
	text-align: left;
	font-size: 1em;
	line-height: 1.75em;}

#post-content ul {
	list-style: url(img/bullet.png);
	padding-left: 45px;
	font-size: 1em;
	line-height: 1.5em;}

#post-content li {
	padding-bottom: 5px;}

iframe {
	display: block;
	margin: 0 auto;}

blockquote {
	width: 85%;
	margin: 30px 5% 30px 10%;
	background: url(img/quotes.png) 50% 50% no-repeat;
	background-size: contain;}

blockquote p {
	width: 85% !important;
	margin: 0 auto !important;
	font-size: 1.250em !important;
	line-height: 1.5em !important;
	font-weight: 600 !important;
	font-style: italic !important;
	color: #777777 !important;}

#post-author {
	clear: both;
	width: 75%;
	margin: 100px auto;}

#avatar {
	float: left;
	width: 25%;
	max-width: 100px;}

#avatar img {
	margin: 0;
	float: left;
	width: 100%;
	max-width: 100px;
	height: auto;}

#description {
	float: left;
	width: 75%;}

.author, .info {
	font-size: 0.938em !important;
	line-height: 1.25em !important;
	margin: 0px auto 10px 25px !important;}

.author {
	line-height: 0.938em !important;}

#post-content .wp-caption {
    width: 100% !important;}

#prev-next {
	width: 100%;
	margin: 0 auto;}

#prev-next p {
	width: 94%;
	max-width: 1200px;
	margin: 50px auto 0 auto;
	font-size: 0.75em;
	text-align: right;
	padding-right: 20px;}

#prev-next a {
	text-decoration: none;}

#related {
	clear: both;
	width: 100%;
	max-width: 1200px;}

.single-post-article {
	width: 22.5% !important;
	border: none !important;
	margin: 15px 1.25% 30px 1.25% !important;}


/* Книга из коллекции */

.top-visual.collection {
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.top-visual.collection h2 {
	color: #ffffff;}

.collection-book {
	width: 94%;
	max-width: 800px;
	margin: 0 auto;
	float: none;}

.wp-block-gallery ul {
	padding-left: 0 !important;}


/* МЕТАСЛАЙДЕР */

.metaslider {
    margin: 0 auto;}

.flexslider ul {
	padding-left: 0 !important;}

.flex-direction-nav a {
	background: url(img/bg-direction-nav.png) no-repeat 0 0 !important;}

.flex-direction-nav .flex-next {
    background-position: 100% 0 !important;}

.flex-control-nav {
    bottom: 0px !important;}

.metaslider .caption-wrap {
	display: none !important;}


/* YOUTUBE VIDEO */

.iframe-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}


/* ТАБЛИЧНЫЕ ДЕЛА */

tbody td {
	padding-bottom: 50px;
	vertical-align: top;}

tbody td h3 {
	margin-top: 10px;
	text-align: left;}

tr td:first-child {
	width: 120px;}

tr td:last-child {
	padding-left: 30px;}
	

/* ПОДВАЛ */

#footer {
	clear: both;
	width: 100%;
	height: 160px;
	margin: 0 auto;
	padding-top: 80px;}

#share-page {
	clear: both;
	text-align: center;
	margin: 0 auto;
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;}

#share-page img {
	height: 100%;
	max-height: 24px;
	width: auto;
	margin-left:  25px;
	opacity: 0.75;}

#share-page img:hover {
	opacity: 0.5;}

#footer-gray {
	clear: both;
	background: #f4f4f4;
	width: 100%;
	margin: 0 auto;
	height: 320px;}

#footer-gray .block-name {
	font-size: 1.625em;
	line-height: 2em;
	padding: 1em 10% 0 10%;}

#footer-gray .block-description {
	font-size: 1em;
	line-height: 1.5em;
	padding: 0.75em 10% 0 10%;}

#social-subscribe {
	clear: both;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding-top: 65px;}

#social {
	clear: both;
	margin: 0 auto;
	height: 200px;
	text-align: center;}

#social .icons {
	margin: 10px auto 8px auto;}

#social img {
	height: 100%;
	max-height: 30px;
	width: auto;
	margin: 0 21px;}

#social .icons:hover img {
	opacity: 0.75;}

#social .icons img:hover {
	opacity: 1;}

#subscribe {
	float: right;
	width: 50%;
	margin: 0 auto;
	height: 200px;
	text-align: center;}

.subscribe-field {
	width: 80%;
	max-width: 400px;}

input.subscribe-field {
	font-size: 14px;
	padding: 5px 5px;
	margin: 10px 0;
	border: 1px solid #000000;
	width: 238px;
	background: #f4f4f4;
	font-family: 'Montserrat', sans-serif;}

input.subscribe-field:focus {
	background: #ffffff;}

input.subscribe-button {
	font-size: 1em;
	margin-left: 20px;
	background: #000000;
	color: #ffffff;
	border: 1px solid #000000;
	cursor: pointer;
	width: 48px;
	font-family: 'Montserrat', sans-serif;}

input.subscribe-button:hover {
	opacity: 0.75;}

.subscribe-button {
	width: 138px;}

#footer-credits {
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	background: #f4f4f4;}

#footer-credits p {
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	font-size: 0.688em;
	font-weight: 600;
	line-height: 1.5em;}

#footer-credits a {color: #555555;}


/* ФОРМОЧКИ */

input, textarea, input.wpcf7-submit, select {
	width: 50%;
	font-size: 16px;
	padding: 5px 5px;
	margin: 10px auto 10px 0;}

select {
	width: 75%;}

/*option {
	font-size: 0.75em;
	padding: 10px 0px;}*/

input.my-age {
	width: 50px;}

textarea {
	width: 75%;}

input.wpcf7-submit {
	width: 200px;
	background: #333333;
	color: #ffffff;
	border: 1px solid #000000;}

input.wpcf7-submit:hover {
	background: #555555;
	border: 1px solid #333333;}

.form.sent {
	display: block !important;}

.wpcf7 .screen-reader-response ul {
	display: block !important;}

.wpcf7-not-valid-tip {
	margin-left: 1em;
	font-style: italic;}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em 0;
    padding: 1em 1em;}

div.wpcf7-validation-errors {
    margin: 2em 0.5em 1em 0;
    padding: 1em 1em;}


/* МНОГОЯЗЫЧНОСТЬ */

.wpml-ls-current-language, .wpml-ls-display {
	display: none !important;}



/* ADAPTIVE RESPONSIBILITY, RESPONSIVE ADAPTIVITY */

@media screen and (max-width: 1150px) {

	#header {
		max-width: 800px;}
	
	#menu {
		width: 50%;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle {
		background: none !important;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle .mega-toggle-blocks-center {
		margin-top: -5px !important;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle.mega-menu-open + #mega-menu-new-top-menu {
		width: 400px !important;
		margin: 0 auto !important;
		background: #ffffff !important;
		border: 1px solid #d4d4d4;
		position: absolute;
		left: -50%;
		top: 80px;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
		color: #000000 !important;
		background: #f4f4f4 !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
		padding-left: 50px !important;
		padding-right: 50px !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
		padding: 10px 50px !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link {
		background: #ffffff !important;
		color: #000000 !important;}
	
	#search {
		width: 50%;
		max-width: none;}

}


@media screen and (max-width: 1140px) {



/*#footer {
	height: auto;}

.menu-bottom-container ul li {
	padding-top: 10px;
	padding-bottom: 10px;}

#footer-credits p {
	margin-bottom: 0;
	padding-bottom: 5px;}*/

.graduate {
	height: 200px;}

}


@media screen and (max-width: 950px) {


.fb-page {
	margin-left: 0;}

#vk_groups {
	margin-right: 0;}
	
	#main-news {
		margin-top: 3em;}

	.main-news-title {
		font-size: 1.25em;}

.graduate {
	max-width: 30.333333%;
	height: 175px;}

.graduate:last-child {
	padding-bottom: 5em;}

}


@media screen and (max-width: 849px) {
	
	#noticia-excerpt img {
		width: 100% !important;}
	
	#footer {
		padding-top: 0;}
	
}


@media screen and (max-width: 830px) {



iframe {
	width: 100% !important;}

.graduate {
	max-width: 30.333333%;
	height: 150px;}

}


@media screen and (max-width: 820px) {



#post-content {
	width: 94%;}

#post-content p {
	font-size: 0.95em;}

blockquote p {
	font-size: 1.1em !important;}
	
	.wrapper-staff blockquote p {
		font-size: 0.95em !important;}

#thetitle h1 {
	font-size: 1.25em;
	line-height: 1.5em;}

h2 {
	font-size: 1.5em;}

#noticia {
	margin-bottom: 65px;}

.post-excerpt, .noticia-excerpt, .new-excerpt {
    font-size: 0.85em;}

#post-content p, #noticia-excerpt p, #post-content ul {
	font-size: 0.95em;}
	
	#noticia-excerpt ul {
		font-size: 0.95em;}

#there-and-back-again {
	font-size: 1.25em;}

.flex-control-nav {
    bottom: 0px !important;}

#noticia {
	margin-bottom: 75px;}

.the-time {
	display: none;}

#single-article {
	height: 300px;}

.archive-article {
	height: 350px !important;}

.main-page-article {
	height: 400px !important;}

.single-post-article {
	margin-bottom: 60px !important;}

#share {
	margin-bottom: 0px;}

.flex-direction-nav {
	top: 0px !important;}

.flex-control-nav {
	top: 0px !important;}

.metaslider .caption-wrap {
	top: 20px !important;}

select {
	font-size: 0.95em;
	padding: 7px 0px;}
	
	#footer {
		width: 100%;}

}


@media screen and (max-width: 768px) {
	
	#logo, #eng {
		width: 50px;}
	
	#logo {
		margin: 0 auto 0 0;}
	
	#eng {
		margin: 0 0 0 auto;}
	
	#logo img {
		max-height: 50px;}
	
	#menu {
		width: calc(100% - 150px);}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item {
		padding: 0 0 !important;}
	
	#mega-menu-wrap-new-top-menu .mega-menu-toggle.mega-menu-open + #mega-menu-new-top-menu {
		width: 280px !important;
		left: -75px;}
	
		#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-item > a.mega-menu-link {
		padding-left: 10px !important;
		padding-right: 10px !important;}
	
	#mega-menu-wrap-new-top-menu #mega-menu-new-top-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
		padding: 10px !important;}
	
	.top-visual {
		margin-bottom: 30px;}
	
	h1 {
		font-size: 2.5em;}
	
	.container-inner {
		padding-top: 0px;}
	
	#main-news .news {
		max-width: 94%;
		margin: 25px 3%;
		height: auto;}
	
	#main-news .news:last-child {
		padding-bottom: 0;}
	
	#main-news .image img {
		max-height: none !important;}
	
	
	#course-details-fullwidth {
		margin: -30px auto 30px auto;}
	
	#noticia {
		margin-bottom: 50px;}
	
	.noticia-date {
		font-size: 1.75em;}
	
	#footer-gray {
		height: auto;}
	
	#social-subscribe {
		padding-top: 10px;
		padding-bottom: 50px;}
	
	#subscribe {
		float: none;
		clear: both;
		width: 94%;}
	
	#social {
		float: none;
		clear: both;
		width: 94%;
		border-right: none;}
	
	#footer-credits p {
		width: 94%;}
	
	.list-item {
		width: 28%;
		padding-top: 40px;}
	
	.book-image, .book-details {
		float: none;
		clear: both;}
	
	.book-image {
		width: 50%;
		margin: 0 auto;}
	
	.book-details {
		width: 100%;
		margin-top: 50px;}

}

@media screen and (max-width: 720px) {

input, textarea, select {
	width: 95%;}

.noticia-date {
    font-size: 1.5em;}

#communities {
	width: 340px;
	padding-bottom: 500px;}

.fb-page {
	clear: both !important;
	padding-top: 30px;}

#vk_groups {
	clear: both !important;
	padding-top: 30px;}

.buttons {
	text-align: center !important;}

	#main-news h1 {
		margin-bottom: 35px;}
	
	.main-news-title {
		font-size: 1.15em;
		margin-top: 15px;}

}


@media screen and (max-width: 650px) {
	
	.top-visual {
		margin-bottom: 10px;}
	
	#course-details-fullwidth {
		margin: -10px auto 0 auto;}
	
section.module.content {
    padding: 10px 0;}

.category-name, .news-name, .sticky-cat {
    font-size: 1em;}

.post-excerpt, .noticia-excerpt, .new-excerpt, .post-date, .post-views {
    font-size: 0.75em;}

.container-main {
    padding-bottom: 100px !important;}

#post-author {
	margin-top: 60px;}

#avatar {
	width: 17%;}

#avatar img {
	max-width: 80px;}

#description {
	width: 83%;
	font-size: 0.75em;}

#post-content ul {
    font-size: 0.95em;}

.noticia-date {
	font-size: 1.5em;}

#there-and-back-again {
	padding-bottom: 6em;}

table {
	width: 100%;}

thead {
	display: none;}

tbody td {
	display: block;
	text-align: center;
	padding-bottom: 0;}

tr:nth-of-type(2n) {
	background-color: inherit;}

tr td:first-child {
	width: 100%;
	margin-bottom: 0;
	text-align: center;}

tr td:last-child {
	padding-left: 0;
	padding-bottom: 50px;}

tbody td h3 {
	text-align: center;}

tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align: center;}
	
	.main-news-news {
		float: none;
		clear: both;
		max-width: 100%;}
	
	#main-news a {
		text-decoration: none !important;}
	
	.main-news-title {
		font-size: 1.25em;}
	
	.main-news-news:last-child {
		padding-bottom: 3em;}

.graduate {
	max-width: 30.333333%;
	height: 100px;}

}


@media screen and (max-width: 600px) {
	
	#course-details .detail {
		float: none;
		clear: both;
		width: 100%;
		text-align: center;
		margin: 20px auto;}
	
	#course-details .detail p {
		margin: 5px auto;}
	
	.wp-block-media-text__media img {
		max-width: 100% !important;}
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0 !important;}
	
	.wrapper-staff blockquote {
		background-size: 60px;}
	
	.wrapper-staff blockquote p {
		padding: 30px 80px;}
	
	.ab-block-layout-column {
		padding-bottom: 50px;}
	
	
	
	
	

#news {
	display: none;}

}


@media screen and (max-width: 550px) {
	
	select {
		font-size: 0.9em;
		padding: 7px 0px;}
	
	.graduate {
		max-width: 47%;
		height: 150px;}
	
	.list-item {
		width: 44%;}

}


@media screen and (max-width: 480px) {

#news {
	display: none;}

select {
	font-size: 0.75em;
	padding: 10px 0px;}

#noticia {
	margin-bottom: 45px;}

.noticia-date {
    font-size: 1.25em;}

.graduate {
	height: 100px;}
	
	.wrapper-staff blockquote {
		background-size: 40px;}
	
	.wrapper-staff blockquote p {
		padding: 20px 60px;}
	
	#share-page img {
		margin-left: 15px;}
	
	#footer-gray .block-name {
		line-height: normal;
		margin-bottom: 15px;}
	
	#social .icons {
		margin: 30px auto 15px auto;}
	
	#social img {
		margin: 0 15px;}
	
	#prev-next p {
		margin-bottom: 30px;}

}


@media screen and (max-width: 360px) {
	
	input.subscribe-button {
		margin-left: 0;}
	
	#footer-gray {
		height: 600px;}
	
	#subscribe, #social {
		height: 280px;}
	
	#social img {
		margin: 0 10px;}
	
	.graduate {
		max-width: 90%;
		margin-left: 5%;
		margin-right: 5%;
		height: 175px;}

}


@media screen and (max-width: 330px) {


}