/*
Theme Name: Colegio San Antonio
Template: CaribMediaThirteen
*/

/* General */
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Noto Sans', sans-serif; font-weight: 300; color: #0066cc; }

/* Header */
#header { padding: 0; background: none transparent; box-shadow: none; position: absolute; z-index: 2; }

/* .subpage #header { position: relative; } */
.site-title { max-width: 200px; }

/* Slider */
#cm13-slide-container { box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
#branding:after,
#cm13-slide-container:after { content: ""; display: block; top: 0; bottom: 50%; left: 0; right: 0; position: absolute; background: linear-gradient(to bottom, rgb(255, 255, 255), rgba(255, 255, 255, 0)); z-index: 1; }
#main #cm13-slide-container .slider-wrap img { position: absolute; top: -100%; left: -100%; right: -100%; bottom: -100%; z-index: 1; margin: auto; }

/* Navigation */
.site-navigation { flex-grow: 1; z-index: 1; }
#main-nav .menu a { color: #000000; padding: 0.25em 1em; font-weight: 600; }
#main-nav .menu a i { margin-right: 5px; }
#main-nav .menu a:hover { text-decoration: none; border-bottom: 1px solid #FF6A28; }
#main-nav .menu > li:before { content: normal; }
#main-nav .menu ul.sub-menu { position: absolute; margin: 0; padding: 0; display: none; border-top: none; background-color: transparent; text-align: left; }
#main-nav .menu ul.sub-menu li { display: block; }
#main-nav .menu ul.sub-menu li a { display: block; }

/* search */
#header_widget { align-self: center; flex-basis: 20px; position: relative; text-align: center; }
.widget_cm13_custom_search_widget { width: 24px; border-radius: 6px 6px 0 0; }
.widget_cm13_custom_search_widget .search-toggle { cursor: pointer; }
.search-active .widget_cm13_custom_search_widget { background-color: #0165cd; color: #ffffff; }
.widget_cm13_custom_search_widget .searchform { position: absolute; background-color: #0165cd; top: 25px; left: auto; right: 0; bottom: auto; z-index: 3; display: none; margin: auto; box-sizing: border-box; padding: 4px; border-radius: 8px 0 8px 8px; }
.search-active .widget_cm13_custom_search_widget .searchform { display: block; }
.widget_cm13_custom_search_widget .search-inputs-wrap { background-color: #ffffff; border: none; display: flex; border-radius: 4px; max-width: 320px; margin: auto; }
.widget_cm13_custom_search_widget .search-inputs-wrap input { border: none; padding: 8px 5px; background: none transparent; box-sizing: border-box; font-size: 1.2em; max-width: calc(100% - 32px); outline: none; }
.widget_cm13_custom_search_widget .search-submit { background: none; border: none; box-shadow: none; padding: 0px 7px; font-size: 1.2em; outline: none; color: #0165cd; }
.widget_cm13_custom_search_widget .search-submit span { display: none; }

/* Layout */
.page-content .vc_row { padding: 0; }
.wrapper,
.entry-content .wrapper,
.vc_row .wrapper,
.vc_row.wrapper { margin: 0 auto; padding: 0 20px; position: relative; display: block; }
.entry-content .vc_section { margin: 0; }

/* Home page button section */
.entry-content .vc_section.vc_section-has-fill,
.entry-content .vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
.entry-content .vc_section.vc_section-has-fill + .vc_section { padding: 60px 0; }
section.vc_section.cta-section .vc_column_container { text-align: center; }
a.csa-button { background-color: #ffffff; padding: 0.75em 1.45em; border-radius: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); font-size: 1.2em; font-weight: 600; text-decoration: none; display: inline-block; }
a.csa-button i, .dp-register i { color: #ff6600; font-size: 130%; display: inline-block; vertical-align: middle; width: 34px; text-align: center; line-height: 1; }
a.csa-button .text, .dp-register .text { display: inline-block; vertical-align: middle; line-height: 1; color: #0165cd; }

/* Home columns */
.home-column-heading .vc_column_container > .vc_column-inner { padding: 0; }

/* Home news section */
#noticia.article-list { padding-top: 1em; }
#noticia.article-list .article { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 1em 0px; }
#noticia.article-list .article .article-heading { flex-basis: 100%; margin: 0 0 0.25em 0; font-size: 1.5em; }
#noticia.article-list .article .article-heading a { text-decoration: none; color: inherit; }
#noticia.article-list .article .article-date { width: 100%; flex-basis: 100%; font-size: 87.5%; padding: 2px; }
#noticia.article-list .article .article-image { flex-basis: 40%; }
#noticia.article-list .article .article-content { flex-basis: 58%; position: relative; padding-bottom: 2em; }
#noticia.article-list .article .article-content a.read-more { color: #ff6600; position: absolute; bottom: 0; text-decoration: none; font-weight: 600; }
#noticia.article-list .article .article-content a.read-more i { margin-left: 10px; }
#noticia.article-list .article .article-content a.read-more i,
#noticia.article-list .article .article-content a.read-more .text { vertical-align: middle; }

/* Home right column */
.csa-events-list .csa-event { border-bottom: 1px solid #000000; padding: 15px 0; }
.csa-events-list .csa-event .csa-event-title { margin: 0; font-size: 1.1em; font-weight: 500; line-height: 1.5; color: #000000; }
.csa-events-list .csa-event .csa-event-title a { text-decoration: none; color: inherit; }
.csa-events-list .csa-event .csa-event-details { display: flex; justify-content: space-between; font-weight: 500; }

/* Footer */
#footer { background-color: #e7e7e7; padding: 0; box-shadow: none; border-top: 4px solid #cccccc; }
#footer footer { background-color: #e7e7e7; border: none; }
#footer footer > .wrapper { display: flex; justify-content: space-between; }
#footer footer > .wrapper .widget-area { flex-basis: 30%; }
#address-box .address-wrap .fn.n.org,
footer h3.widget-title { font-size: 1.125em; font-weight: 600; color: #404040; font-family: 'Noto Sans', sans-serif; font-style: normal; margin: 1.5em 0 1.5em 0; line-height: 1em; }
footer .widget-container ul,
footer .widget-container ul li { padding: 0; margin: 0; list-style: none; }
footer .widget-container ul li a { color: #404040; text-decoration: none; }
#address-box .address-wrap,
#address-box .address-wrap a { color: #404040; }
#address-box .address-wrap .street-address i { width: 20px; text-align: center; display: inline-block; margin-right: 6px; }
#footer footer .clearfix { display: none; }
#footer #credit_area { background-color: #0066cc; color: #ffffff; padding: 2.5em 0; }
#footer #credit_area .footerCredits { opacity: 0.87; }
#footer #credit_area a { color: inherit; }

/* Forms */
.cmform { background-color: #f1f1f1; border: none; padding: 0; margin: 0 0 20px 0; }
.cmform fieldset { border: none; padding: 20px; margin: 0; }
.cmform .button { background: none #ff6600; color: #ffffff; }
.cmform h2.form-title { font-size: 1.3em; margin: 0 20px 0.25em 20px; border-bottom: 1px solid #cccccc; padding: 1em 0 0.25em 0; color: #000000; opacity: 0.875; }
.cmform .required-note { font-size: 87.5%; margin: 0.25em 20px 1em 20px; }
.cmform .required-note span { color: red; }
.cmform #captcha-wrap { margin: 0 0 1em 0; }

/* Event Calendar Adjustments */
.menu-active #tribe-bar-views .tribe-bar-views-list { z-index: 1; }

/* special rules */
table.formula { table-layout: auto; margin: 10px 0; text-align: center; width: auto; border-collapse: collapse; padding: 0; background-color: cornsilk; }
table.formula td { border: none; padding: 0 5px; margin: 0; }

/* hide anything with this class */
.hide-this {display: none;}

/* Dropdown list styles */
#dropdown1,
#dropdown2,
#back-to-button {
  display: none;
}
.dp-register {
    min-width: 265px;
    height: 59px;
    display: flex;
    align-items: center;
    margin: 0 auto;
	display: inline-flex;
}

.dp-register,
.show-dropdown1-button {
    background-color: #ffffff;
    padding: 0.55em 1.5em;
    border-radius: 5px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
    font-size: 1.2em;
    font-weight: 600;
    text-decoration: none;
    box-sizing: border-box;
}

.dp-register br {
    display: none;
}
.hide-this .wpb_text_column.wpb_content_element {
    margin-bottom: 0;
}

.dp-register i {
    margin-right: 5px;
}
.dp-register button {
    background: none;
    font-style: unset;
    cursor: pointer;
	margin: 0 auto;
	box-shadow: none;
}



.dp-register a#back-to-button {
    text-decoration: none;
    font-weight: 900;
    box-sizing: border-box;
    padding: 0 7px;
	line-height: 26px;
    background-color: #0066cc;
    border-radius: 2px;
    color: white;
}

.dp-register select {
    text-align: center;
	color: #0066cc;
}

.dp-register select option{
	font-weight:400;
	margin: 5px 5px;
}


/* .dp-register select option:first-child {
    color: white;
  } */

#dropdown1,#dropdown2 {
	overflow: hidden;
	border-radius:5px 5px 6px 6px;
}

#dropdown1 {
	height: 100px;
}

#dropdown2 {
	height: 130px;
}


.dp-register select,
.dp-register select:hover,
.dp-register select:active,
.dp-register select:focus
{
    border: none;
}

@media all and (min-width:1280px) {
	.desktop #cm13-slide-container .slider-wrap { height: 100vh !important; max-height: 75vh; padding: 0 !important; }
}
@media all and (max-width:1200px) {
	#branding,
	#cm13-slide-container { overflow: hidden; position: relative; }
	#branding:after,
	#cm13-slide-container:after { bottom: 30%; }
	.page-content .vc_section { margin: 0; }
	.site-title { max-width: 150px; }

	/* =Main Navigation
	-------------------------------------------------------------- */
	body.menu-active { overflow: hidden; }
	.menu-active #header { background-color: #ffffff; }
	#main-nav { background-color: transparent; padding: 0; margin: 0; }
	#header #main-nav .wrapper { justify-content: flex-end; }
	#main-nav .menu-toggle { display: block; margin: 0; text-align: left; color: #000000; padding: 10px; overflow: hidden; white-space: nowrap; cursor: pointer; position: relative; z-index: 10; text-transform: uppercase; font-style: normal; }
	#main-nav .menu-toggle.toggled { }
	#main-nav .menu { display: block; background-color: #ffffff; padding: 5px; position: fixed; left: -100%; top: 0; right: 100%; bottom: 0; overflow: auto; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
	#main-nav .menu.toggled { left: 0; right: 0; }
	#main-nav ul,
	#main-nav ul li { list-style: none; }
	#main-nav ul.menu { padding: 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	#main-nav ul li { margin: 0; padding: 0; }
	#main-nav .menu > li,
	#main-nav .menu > ul > li { display: block; }
	#main-nav .menu > li:before { content: normal; }
	#main-nav .menu ul.sub-menu { position: relative; display: block; padding: 0; box-shadow: none; border: none; background: transparent; }
	#main-nav .menu a { font-size: 110%; padding: 1em; border-bottom: 1px solid rgba(0, 0, 0, 0.17); display: block; }
	#main-nav .menu a[href="#"] { display: none; }
	#main-nav .menu .last a { border-bottom: none; }
	#main-nav .menu ul.sub-menu > li a { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.17); margin: 0; text-transform: uppercase; font-size: 100%; text-align: center; }
	#main-nav .menu > li.first > a,
	#main-nav .menu > li.last > a { padding: 1em; }
	.home-column-heading .vc_column_container { width: auto; }
}
@media all and (max-width:1024px) {
	.entry-content .vc_section.cta-section { padding: 40px 0; }
	.vc_section.cta-section .vc_column_container { width: 50%; display: inline-block; margin: 20px 0; }
	.vc_section.cta-section .vc_column_container a.csa-button { display: block; max-width: 240px; margin: auto; }
}
@media all and (max-width:960px) {
	#footer footer > .wrapper { flex-wrap: wrap; }
	#footer footer > .wrapper .widget-area { flex-basis: 100%; }
	#footer #address-box { display: block; }
	#credit_area { margin: 0; }
}
@media all and (max-width:640px) {
	#noticia.article-list .article .article-content,
	#noticia.article-list .article .article-image { flex-basis: 100%; }
	.vc_section.cta-section .vc_column_container { width: 100%; display: block; margin: 20px 0; }
	.cmform label { width: auto; display: block; }
	.csa-events-list .csa-event .csa-event-details { flex-wrap: wrap; }
	.csa-events-list .csa-event .csa-event-details > div { flex-basis: 100%; }
}
@media all and (max-width:480px) {
	.home-column-heading .vc_icon_element { display: none; }

	.dp-register {
		width: 298px;
	}

	.dp-register select {
		text-align: center;
		color: #0066cc;
		margin: 0 auto;
		font-weight: 400;
	}
}

@media all and (max-width:320px) {
 .tribe-events-nav-previous,
 .tribe-events-nav-next { font-size:0.8em; }
}

@media print {
	#header { position: static; border-bottom: 1px solid #000000; margin-bottom: 5mm; }
	#header .site-title { max-width: 100px; }
	#header_widget { display: none; }
	#footer,
	#footer footer { background: none transparent; border: none; }
}