/*
Theme Name: Ais Theme 20260101
Theme URI: https://red032.com
Author: Jaume Subirats
Description: Theme for AIS Website
Version: 20260101
Text Domain: ais21theme
*/
h1, h2, h3, h4, h5, h6 { color: var(--green); font-weight: 100;padding: 0; }
body.home h1 { color: var(--w); font-weight: bolder; }
p {font-size: 1em;}
a { color: var(--grey); text-decoration: none; }
a:hover {color: var(--green-light)}
.text-center { text-align:center!important;}
#masthead { position: fixed; z-index: 99999; top: 0; left: 0; width: 100vw; background: #ffffffc9; height: 5em;opacity: 1; transition: 1s;}
.toDOWN #masthead { background: none; opacity: 0; transition: 1s; }
.toUP #masthead { background: var(--w); transition: .5s; }
.brand-academica { position: fixed; z-index: 9; top: 0; left: 0; }
.brand-academica img { margin: 14px 10px; width: 180px; position: relative;border:1px solid #ffffff00; border-radius: 8px; background: #ffffff00; transition: 1s;  }
.scrollDown .brand-academica img { width: 150px; }
#site-navigation { padding: 9em 2em 0; background: none; box-shadow: none; top: 0; opacity: 1; transition: 1s; visibility: visible; }
#mainMenu { padding: 3em 0 0; top: 5em; z-index: -1; display: none; opacity: 0; transition: opacity 1s ; top: 10em; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end; visibility: hidden; }
#site-navigation .burger.toggle { position: relative; top: 3em; }
.scrollDown #mainMenu {padding: 0;}
.scrollDown #site-navigation .button { background: #ffffffe0; color: var(--green);transition: 1s all; }
.toDOWN #site-navigation {opacity: 0;transition: 1s;visibility: hidden;}


#h-intro-bg-video { background: #000000d1; height: 100vh; overflow: hidden; }
#h-intro-video { opacity: 0.5; object-fit: cover; position: relative; z-index: 0; width: 100vw; height: 110vh; }
#h-intro-video-desktop { opacity: 0.5; width: 100vw; height: auto; transition: 1s; padding: 0 0; margin: 0 0; }

#h-banner {display: flex; position: absolute; width: 100%; height: 40vh; top: 5em; margin:0; z-index: 9; }
#banner   { background: #ffffff00; max-height: 100%; overflow: hidden; padding: 8px; border-radius: 0; width: 100vw; margin: 0; }
#banner-info {    position: relative; top: 0; text-align: center; padding: 0 1em; color: var(--w); }
#banner-info h2 {  display: none; color: var(--green); font-size: 1.4em; line-height: 1.2; padding: 10px 2em 0; }
#banner-info p { font-size: 1em; line-height: 1; padding: 10px; margin: 0; }
#banner img { display: none; padding: 0; margin: 0; overflow: hidden; }
#banner-info .ico-close { cursor:pointer; position: absolute; top: -36px; right: 12px; }
#primary {    position: relative; z-index: 999; }


/*|| NAV COURSES */
#nav-courses-cont::-webkit-scrollbar, #nav-courses-cont::scrollbar  {
   display: none;
   -ms-overflow-style: none;  /* Internet Explorer 10+ */
}
.navcourses-activ #nav-courses-cont::-webkit-scrollbar {
   display: block!important
}
#nav-courses-cont {
   scrollbar-width: none;  /* Firefox */
}
.navcourses-activ #nav-courses-cont {opacity:1; background: rgb(255 255 255 / 98%); left: 0; transition: all 0.5s ease-in-out; }
#nav-courses-cont {opacity:0; transition: all 0.5s ease-in-out; position: fixed; top: 0; left: -90vw; width: 100vw; max-width: 100vw; z-index: 99999999; display: block; height: 100vh; box-shadow: none; overflow-y: scroll; background: rgb(255 255 255 / 0%); }
#nav-courses-cont .brand-courses { position: relative; width: fit-content; padding: 0 2em; }
#close-courses { position: relative; z-index: 999999999; visibility: hidden; opacity: 0; transition: all 3s; }
.navcourses-activ #close-courses { visibility: visible; opacity: 1; }
.ico-close{position: absolute; right: 32px; top: 32px; width: 32px; height: 32px; opacity: 0.3; } .ico-close:hover { opacity: 1; } .ico-close:before, .ico-close:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #333; } .ico-close:before { transform: rotate(45deg); } .ico-close:after { transform: rotate(-45deg); }
.navcourses-activ #btn-courses { background: transparent; color: var(--grey-light); transition: all 0.5s ease-in-out; }
.toDOWN #btn-courses { left: -100px; transition: all 0.5s ease-in-out; }

#btn-courses {z-index: 999999999;  font-size: 0.8em; position: fixed; width: 10em; bottom: 4em; padding: 0; left: -60px; transition: all 0.5s ease-in-out; transform: rotate(-90deg); height: 2em; border-radius: 6px; opacity: 1; visibility: visible; }

.navcourses-activ #nav-courses-cont nav { left:0 }
#nav-courses-cont nav {left:-5em; display: flex; width: 350px; position: relative; top: 0; right: 0; background: none; box-shadow: none; transition: all .3s; transform-style: preserve-3d; z-index: 1; height: 100vh; padding: 1em 0 1em; flex-direction: column; align-content: center; }
#nav-courses-cont nav ul { font-size: 20px; list-style: none; color: var(--b); margin: 0 0 1em; font-weight: 300; }
#main-courses-ul { padding: 1em 0 0 2em; }
.cat-ul { padding-inline-start: 0; }
.subcat-ul { padding-inline-start: 2em; padding: 0 0 0 1em; }
.li-course { color: var(--green); border-bottom: 1px solid #ededed; margin: 4px 0; }
.li-course a {color:var(--green); display: block; width: 100%; padding: 0 12px 0 2px; border-radius: 4px; font-size: 18px; transition: all 1s; }
.li-course a:hover { background-color: var(--green); color: white; transition: none; }

/*|| MOBILE MENU */
#hmenu { position: fixed; border-radius: 50%; width: 86px; padding: 8px 14px; right: 2em; top: 16px; z-index: 99999; }
#hmenu label{ cursor: pointer; display: flex; flex-direction: column; width: 60px; }
#hmenu label span{ background: var(--green); border-radius: 4px; height: 2px; margin: 6px 0; transition: .3s; }
#hmenu span:nth-of-type(1){ width:50%;  }
#hmenu span:nth-of-type(2){ width:100%; }
#hmenu span:nth-of-type(3){ width:75%;  }
#hmenu input[type="checkbox"]{ display:none; }
#hmenu input[type="checkbox"]:checked ~ span { background: #CCC; }
#hmenu input[type="checkbox"]:checked ~ span:nth-of-type(1){
   transform-origin:bottom;
   transform:rotatez( 45deg ) translate(4px,-2px); }
#hmenu input[type="checkbox"]:checked ~ span:nth-of-type(2){
   transform-origin:top;
   transform:rotatez(-45deg)
}
#hmenu input[type="checkbox"]:checked ~ span:nth-of-type(3){
   transform-origin:bottom; width:60%;
   transform: translate(23px,-5px) rotatez(45deg)
}

#mainMenu a { font-size: 1.2em; }
.hmenu-activ #site-navigation { top: 0; background: var(--w); height: 100vh; padding: 9em 2em 0; margin: 0; transition: .2s; }
.hmenu-activ #mainMenu { visibility: initial;opacity: 1; padding: 0 0 0; top: 10em; display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-end; }

.menu .button-green {background-color:var(--green);color:var(--w)}

.section { background:var(--w); visibility:visible ; min-height: 100vh; opacity: 0.1; transition: opacity 1s; }
.section.is-active { opacity: 1; transition: opacity 1s; }
/*
.in-section { opacity: 0.1; transition: opacity 1s; }
.is-active .in-section { opacity: 1; transition: opacity 0.3s; }
*/
.separator { width: 30px; display: block; position: absolute; left: 50%; margin-left: -25px; text-align: center; z-index: 999; }
.separator .line { width: 1px; height: 100px; position: absolute; display: block; top: -50px; left: 50%; }
.separator .line:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; background: var(--green); top: 0; left: 0; }
.separator .number { font-family: serif; width: 100%; display: inline-block; font-size:16px; border: 0 solid; line-height: 1.4; font-weight: 400; color: var(--green); position: absolute; left: 0; background: var(--w); border-radius: 20px; opacity: 0; transition: opacity 1s; padding:4px; bottom: -5px; }
.is-active .separator .number { opacity: 1; animation: moveDown 1s linear 1; }

.in-section { padding: 0; }
.in-section p {  padding: 0 2em; font-size: 16px;}
.in-section h3 { color: var(--green); font-size: 1.6em; line-height: 1; padding-left: 0; text-align: center; padding: 1em 1em 0; }

.expand-cont p {opacity: 0; transition: 1s; font-size: 16px;}
.expand-cont {height: 30px; transition: 1s;}

.expand-1-active .expand-cont p, .expand-2-active .expand-cont p, .expand-3-active .expand-cont p, .expand-4-active .expand-cont p {
   opacity: 1;
}

.expand-1-active .expand-cont, .expand-2-active .expand-cont, .expand-3-active .expand-cont, .expand-4-active .expand-cont {
   height: auto; transition: 0.1s;
}

/*|| HOMEPAGE SECTIONS ***********/
#h-intro { padding: 0 0 3em; }
#h-intro-txt {
position: absolute; text-align: center; color: var(--w); font-size: 16px; padding: 1em; transition: 0.5s;
   z-index: 9;
   top: 12em;
}
#h-intro-txt h1 { line-height: 1; padding: 0; font-size: 1.6em; }
#h-intro-txt p { font-size: 16px; padding: 0 2em; }
#h-intro-bg {  }
#h-intro-bg img{ height: auto;filter:brightness(80%); transition: 1s; }
.expand-1-active #h-intro-txt { height: 130vh; background: var(--w); z-index: 9999; width: 100vw; color: var(--b); top: 0; left: 0; padding: 6em 1em 0; transition: 0.5s; }
.expand-1-active #h-intro-txt h1 { display: none; }
#h-intro-txt .expand-cont { margin: 0; }
.expand-1-active #h-intro-txt .expand-cont { margin: 0; }
.expand-1-active #h-intro-bg { }
.expand-1-active #h-intro-video-desktop { filter:blur(5px); opacity:.1; transition: 1s; }
.expand-1-active #h-message { min-height: auto; margin: 35vh 0 0 0; }

/*|| h-message */
.h-message .in-section { padding: 3em 0 0;}
#h-message .expand-cont{ margin: 0 0 0 14px; }
.expand-2-active #h-message .expand-cont {}
#message-principal {}

/*|| h-learning */
#h-learning { min-height: auto; padding: 7vh 0; }
#h-learning-txt { padding: 5em 10px 0; }
.h-learning .swiper-container { width: 100%; height: 50vh; min-height: auto; }

.h-learning .swiper-slide-col { position: relative; width: 100%; height: 100%; left: 0; padding: 0; background-color: rgba(255, 255, 255, .7); transform: translate3d(0, 0, 0); /*|| ojo*/ }
.h-learning .swiper-slide { background-size: cover; background-position: top center; margin: -10px 0 0 0; }
.h-learning .swiper-slide-active { background-color: rgba(255, 255, 255, .9); cursor: grab; z-index: 0; opacity: 1;transition: 1s; }

.h-learning .swiper-slide-prev { background-color: rgba(255, 255, 255, .8); opacity: .1; transition: .5s;}
.h-learning .swiper-slide-next { background-color: rgba(255, 255, 255, .8); opacity: 0; transition: .5s;}

.h-learning .swiper-button-prev {left: 22px;}
.h-learning .swiper-button-next,.h-learning .swiper-button-prev { color: initial; opacity: .1; top: auto; bottom: 2em;transition: .5s; }
.h-learning .swiper-button-next:hover,.h-learning .swiper-button-prev:hover {
   opacity: .5; transition: .5s;
}
.h-learning-txt { padding: 0 1em ; text-align: center; }
.h-learning-txt h3{ padding: 2em 0 0;}
.h-learning-txt p{ }
.h-learning-txt hr { opacity: 0; box-sizing: border-box; height: 1px; background-color:var(--green); border-style: none; width: 10%; }
.h-learning-txt h4 { color: var(--green); font-size: 1.8em; margin: 1em 0 0; padding: 6px 10px; line-height: 1.1; }
.h-learning-txt span { display: block; padding: 6px 16px 0; font-size: 16px; line-height: 1.2; }
.h-learning-txt a.button{ border: 1px solid; border-color: var(--green); margin: 1.6em; }
.h-learning-txt a.button:hover{ border: 1px solid; }
.swiper-button-prev:after { content: '←'; }
.swiper-button-next:after { content: '→'; }

/*|| h-guarantee */
.h-guarantee { min-height: 100vh; padding: 1em 0 0; }
#h-guarantee-txt { max-width: 960px; height: auto; }
#h-guarantee-txt h3{ padding: 4em 1em 0;}
#h-guarantee-txt2{ padding: 0 1em 4em ;}
#h-guarantee-txt p, #h-guarantee-txt2 p { padding: 0 1em; font-size: 16px; }
.h-guarantee-ul { background-color: var(--w); border: 1px solid; color: var(--w); text-align: center; min-height: 110vh; max-width: 1060px; padding: 1em; position: relative; left: 15px; }
.h-guarantee-ul li{ padding: 0; list-style: none; max-width: 20em; transition: opacity 1s ; }

.h-guarantee-ul li img{ position: relative; opacity: 1; transition: opacity 1s ; }
.h-guarantee-ul li p {
   border-radius: 0; display: none; position: relative; width: 15em; height: auto; font-size: 16px; background: none; color: var(--green); top: 0; left: 0; z-index: 99999; line-height: 1; padding: 1em; opacity: 0; transition: opacity 1s; background-color: var(--w);
   /* box-sizing: border-box; */
}
.h-guarantee-ul li p strong { display: block; padding: 1em 0; }
.h-guarantee-ul li:hover { background: none; border: 0; margin: 1em; padding: 0; }
.h-guarantee-ul li:hover > p { cursor:default; display: inline-table; opacity: 1; transition: opacity 1s; padding: 0 0 0; }

/*|| h-testimonials */
.h-testimonials .in-section { padding: 0 0 4em; }
.h-testimonials { min-height: 100vh; }
.h-testimonials .in-section { padding: 0 0 4em; }
.testimonial-imgs { display: none; align-items: center; min-height: 100vh; justify-content: center; }
.testimonials-thumbs .swiper-slide {  border-radius: 20px; height: 354px; }
.testimonials-thumbs .swiper-slide img { border-radius: 20px; filter: brightness(0.8); cursor: pointer; }
.testimonials-thumbs .swiper-slide-active:after { content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 262 316" ><path style="fill:none;stroke:white;stroke-width:4" d="M9.578 217.882A220.39 220.39 0 0 1 1 159.047V12.758L129.093 1 261 12.27v150.966s-1.012 28.45-7.566 51.286C249.12 233.063 234.5 272.474 130.49 315 39.957 274.462 25.54 256.368 9.578 217.882z" /></svg>'); display: block; position: relative; top: -94%; left: 12px; width: 245px; height: auto; }
.testimonial-saying { background: var(--green); display: flex; align-items: center; justify-content: center; }
.h-testimonials .h3-testimonials { color: var(--w); }
.testimonial-saying .quote { font-style: italic; }
.testimonial-name { display: block; font-style: normal; margin: 3vh 0 0; }

.testimonials-txt .swiper-pagination { bottom: 0; }
.testimonials-txt .swiper-pagination-bullet-active { background: var(--w); }
.testimonials-txt .swiper-slide .quote { color: var(--w); padding: 2em 10vw; text-align: center; }

#testimonialsnew .h3-testimonialsnew { padding: 3em 0 0; }
#testimonialsnew .quote { background: var(--green); border-radius: 10px; color: var(--w); padding: 1em; margin: 1em; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
   bottom: -8px;
}


/*|| h-dualdiploma */
.h-dualdiploma { background-color: var(--green-light); min-height: auto; }
#h-dualdiploma-txt { padding: 16vh 0 0; }
#h-dualdiploma-txt h3 {
   color: var(--green);
   font-size: 1.4em;
   text-align: center;
}
#h-dualdiploma-txt p { padding: 0 1em 0 2em; font-size: 16px;}
#h-dualdiploma-txt .expand-cont p { padding: 0 1em 0 10px; font-size: 16px;}

/*|| h-map */
section#h-map { opacity:1; }

.h-map { background-color: var(--green-light); box-shadow: 0 5px 3px; min-height: 60vh; }
#in-section-themap-txt { margin: 5em 0 0 0; height: auto; text-align: center;  }
.expand-3-active #in-section-themap-txt .expand-cont { position: relative; margin: 0 0 0 20px; }
.expand-3-active #in-section-themap-txt .expand-cont p { font-size: 17px; }

#in-section-themap .expand-cont { margin: 3em 10px; }

/*|| END HOMEPAGE SECTIONS ***********/

:not(.home).page-template #mainMenu a { color: var(--b); }
:not(.home).page-template #mainMenu a.button-green { color: var(--w); }
.home #mainMenu a { color: var(--w); }
.home #mainMenu a.button-green { color: var(--green); }

/*|| PAGE */
body.page-template-default, body.page-template {
   background: url(https://ais.academica.org/img/ais-bg-default.jpg) repeat; background-size: cover; background-attachment: fixed; }
body.home.page-template { background: none; }
.s-section { padding: 0 2em; }
.post-type-archive section { padding: 0 2em; }

/*||  PAGE DOMESTIC LEARNING  */
/* styles in its own file */


/*||  PAGE DUAL DIPLOMA  */
.page-template-p-duald {}

/*||  PAGE TESTIMONIALS  */
.page-template-p-testimonials {}
.page-template-p-testimonials #testimonial-imgs { width: 100%; }
.page-template-p-testimonials .testimonial-imgs { min-height: auto; margin: 15vw 0 0; }
.page-template-p-testimonials .h-testimonials { min-height: auto; }
.page-template-p-testimonials .h-testimonials .swiper-container { min-height: auto; }
.page-template-p-testimonials .swiper-container-3d { perspective: 900px; }
.page-template-p-testimonials #testimonial-saying { width: 100%; }
.page-template-p-testimonials .testimonial-saying { background: none; color: var(--grey); }
.page-template-p-testimonials .h-testimonials .h3-testimonials { color: var(--green); }
.page-template-p-testimonials .testimonials-txt .swiper-slide .quote { color: var(--b); padding: 0 10vw; }

.page-template-p-testimonials #testimonialsnew .h3-testimonialsnew { padding: 4em 0 0; }

/*||COURSE CATALOG */
.container--default .select2-results__option--highlighted[aria-selected] { background: var(--green-light); }
.s-catalog { display: flex; flex-direction: column; align-content: center; margin: 10vw 0 0; }
.beautiful-taxonomy-filters { background: #f8f8f8; border-radius: 10px; display: block; margin: 2em 0; padding: 1em; width: 100%; }
.beautiful-taxonomy-filters-button { border-radius: 4px; font-size: .9em; letter-spacing: 1px; text-transform: capitalize; }
.select2-container--default .select2-selection--single { background-color: #fff; border-radius: 4px; border: 1px solid #aaa; max-width: 100%; }
.select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--w); line-height: 28px; background: var(--b); border-radius: 4px; }
.archive-course-item { font-size: 1em; }
.archive-course-item .entry-title { background: var(--green); border-radius: 4px; display: flex; font-size: 0.9em; justify-content: space-between; line-height: 1; padding: 6px 12px; }
.archive-course-item .entry-title:hover { background: var(--b); }
.archive-course-item .entry-title:hover > a { color: var(--green-light); }
.archive-course-item .entry-title a { color: var(--w); width: 100%; display: block; }
.archive-course-item h4 { padding: 0; }
.archive-course-excerp {}
.archive-course-excerp p { font-size: 1em; margin-block-start: 0; }
.cc-item, .cc-item a { color: var(--w); text-transform: capitalize; text-align: left; }
.cc-item.cc-parent { text-align: right; }
.single-course section { padding: 0 2em; }
.single-course .entry-header a { color: var(--w); background: var(--green); border-radius: 4px; padding: 4px 8px; }
.single-course .entry-header a:hover { color: var(--w); background: var(--b); }

/*|| STAFF */
#mInput-cont { display: inline-block; position: absolute; right: 2.8em; top: 5em; width: 14em; z-index: 999; }
#mInput { border-radius: 25px; border: 1px solid var(--grey-light); padding: 0 1em; text-align: center; }
#mInput::placeholder { color:  var(--grey-light); }
.s-members ul{ list-style-type: none; }
.s-members .page-header { text-align: right; position: relative; z-index: 999; }
.s-members .page-header h1 { display: inline-block; padding: 4px 8px; background: var(--w); border-radius: 10px; }
.s-members #stype-menu a { color: var(--green); text-transform: uppercase; padding: 4px 8px; background: var(--w); border-radius: 10px; }
.s-members ul#stype-menu li { font-size: 1em; margin: 0.4em 0; }
.s-members ul#stype-menu li { font-size: 1em; }
#member-list { width: 100%; padding: 0 0 0 0; margin: 0; position: relative; top: 0; }
#member-list h3 { font-size: 2em; font-weight: 600; float: none; }
.item-show { transition: 1s; transform: scale(1); }
.item-no { display: none; }
.m-item { transform: scale(1); border-radius: 10px; cursor: cell; overflow: hidden; transition: 1s; z-index: 0; }
.m-item.item-active { background: #f3f3f3; border-radius: 10px; box-shadow: 1px 1px 4px 2px #e5e5e5eb; cursor: pointer; }
.m-item:hover .ico-cross { opacity: 1; }
.m-item.item-active .ico-cross { background: url(https://ais.academica.org/img/ico-minus.svg) no-repeat center center; }
.m-position { line-height: 1.2; display: block; }
.m-item .ico-cross { opacity: 0; background: url(https://ais.academica.org/img/ico-plus.svg) no-repeat center center;
   width: 1em; height: 1em; position: relative; z-index: 999999; top: -3em; right: 10px; }
.m-header { display: flex; justify-content: space-evenly; align-items: center; }
.m-header a { display: block; color: var(--b); padding: 0 0 8px; }
.m-header img, .staff-member img { border-radius: 50%; border: 1px solid #004c4200; height: auto; padding: 1em; }
.m-header p { color: var(--green); font-size: 1em; line-height: 1; }
.item-active .m-bio { height: auto; visibility: visible; opacity: 1; transition: all 1s ease; }
.m-bio { height: 1em; visibility: hidden; opacity: 0; border-radius: 4px; padding: 6px 12px; color: var(--grey); font-size: 0.85em; line-height: 1.4; transition: all 1s ease; font-weight: 100; }

/*|| BLOG */
#post-search { align-items: center; background: var(--grey-light); border-radius: 20px; border: 1px solid var(--grey-light); display: flex; justify-content: center; }
#input-search { border: none; background: none; padding: 10px 20px; position: relative; }
#input-search:focus { outline: none; background: none; }
#ico-search { background: none; border: none; height: auto; width: 40px; display: inline-block; position: relative; right: 6px; }
.blog{}
.blog img, .archive img, .search img { max-width: 100%; height: auto; }
.blog main { position: relative; top: 0; padding: 10em 2em; }
.search-form { max-width: 18em; }
.blog a{ color: var(--green); }
.blog .page-title { text-align: center; font-size: 2em; }
.blog .post-thumbnail img { width: 100%; height: auto; max-width: 18em; }
#header-blog { display: flex; flex-direction: column; }
#header-blog .page-title { text-align: center; position: relative; top: 15vh; font-size: 2em; line-height: 1; }
.blog #header-blog .page-title { top: 0; }
#inc-header-blog {
   display: block;
   border-bottom: 2px solid var(--green-light);
   margin: 14vh 0 0;
   padding: 1em;
   z-index: 9999999;
}
.blog #inc-header-blog { margin: 0 0; }
#inc-header-blog ul {
   display: flex;
   flex-direction: row;
   list-style: none;
   justify-content: center;
   align-items: center;
   text-align: center;
   padding-inline-start: 0;
   flex-wrap: wrap;
}

#inc-header-blog ul li { padding: 0; line-height: 1; }
#inc-header-blog ul li a { color: var(--green); border-radius: 15px; padding: 6px 8px; font-size: 0.9em; display: block; }
#inc-header-blog ul li a:hover{ background: var(--green); color: var(--w); }

figcaption { font-size: .7em; }
.navigation .posts-navigation { display: block; width: 100%; padding: 1em; }
.archive.category article { padding: 0 2em; }

#breadcrumbs { padding: 0 0 0 20px; }
.breadcrumb_last { display: block; }

.single article { margin: 0 0 10vh 0; padding: 1em 2em; max-width: 100vw; width: 100%; }
.single article .post-thumbnail img { max-width: 100%; height: auto; }
/* .single .header,.single .post-thumbnail, .single .entry-content { max-width: 620px; } */
.single #secondary { display: none; min-height: 40vh; float: right; max-width: 320px; padding: 1em 2em; background: #f2f2f2; font-size: 14px; box-shadow: 1px 2px 3px 1px #ccc; }
#secondary #block-4 { border-bottom: 1px solid var(--green); padding: 0 0 10px; margin: 0 0 1em; }
.single #secondary ul { padding: 0 0; }
.single #secondary ul li { margin: 0 0 1em; list-style: none; }
.single #secondary ul li a { color: var(--green); text-decoration: none; font-size: 1.3em; display: block; }

.comments-link { display: block; }
.no-results.not-found { padding: 1em 2em; text-align: center; }
.readMore { background: var(--green-light); padding: 4px 12px; border-radius: 8px; margin: 0 0 1em; display: inline-block; }
.readMore:hover { background: var(--green); color: var(--w); }
.category-program-director-recognition .post-thumbnail img, .category-global-teacher-of-the-month .post-thumbnail img, .category-student-recognition .post-thumbnail img { border-radius: 20px; width: 70%; }
.single .ofthemonth .post-thumbnail img { border-radius: 20px; width: 90%; height: auto; }

/*|| CONTACT */
.page-template-p-contact { background: url(https://ais.academica.org/img/ais-bg-nuts.png) repeat; background-size: contain; background-attachment: fixed; }
.s-contact { min-height: 60vh; padding: 6vw 0; }
.s-contact a { color: var(--green); }
.s-contact h2 { padding: 0 0 0; font-weight: 100; }
.contact-col{ padding: 1em; }
.contact-col-content { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.contact-col-content .attachment-thumbnail { filter: grayscale(1); opacity: .9; }
.iti-mobile .contact-col-content .attachment-thumbnail { display:none }
#contact_form {}
.contact_form { max-width: 400px; }

#contact_form {
   box-shadow: 2px 2px 9px 1px #e8e8e8;
   border: 1px solid #e8e8e8;
   padding: 2em;
   background: #FFF;
   margin: 3em 0 0 1em;
}
#fmessagecont { height: 3.2em; color: var(--green); }
ul.contact_form { margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; }
ul.contact_form li { padding: 2px 0; list-style: none; padding-inline-start: 0; }
.contact_form select { padding: 4px 10px; margin: 1px 4px 0 0; max-width: 50%; height: 35px; color: #888; }
.contact_form #submit { width: 50%; }
#gphone {display: flex;}
#phone_number {
   padding-left: 100px;
}
#fmessage p { background: var(--green); color: var(--w); font-size: 0.9em; text-align: center; border-radius: 6px; line-height: 1; padding: 6px 1em; height: 3em; display: flex; align-content: center; align-items: center; justify-content: center; border: 1px solid red; }
.pristine-error { font-size: 14px; font-style: italic; padding: 2px 10px 0; color: #f37474; background: #FFF; }

/*|| DEFAULT PAGE */
#page-default { display: flex; flex-direction: column; }
#page-default img { max-width: 100%; height: auto; }

/*|| LANDINGS */

/*|| WHY WHAT PAGE */
.s-woffer h2 { font-size: 2em; text-align: center; }
ul.why-rep-boxes {}
ul .why-rep-box-li { display: flex; flex-direction: column; justify-content: flex-start; padding: 1em; }
ul .why-rep-box { padding: 2em 1em; text-align: center; background: #e9eae9; border-radius: 20px; box-shadow: -1px 1px 6px 2px #ccc; margin: 0; min-height: 17em; }
ul.why-rep-boxes li .rep-box-img { background: none; border-radius: 10px; border: 0; margin: 0 0; overflow: hidden; padding: 0; }
ul.why-rep-boxes li .rep-box-img img { max-width: 6em; }

/*|| REPEATER PAGE */
#s-repater-box{ background: var(--w); padding: 1em;}
.rep-boxes {}
.rep-box { background: var(--w); padding: 0 1em; align-items: center; transform: scale(.95); opacity:1; transition: .5s; }
.rep-box.is-active{ opacity: 1; transform: scale(1); transition: .3s; }
.rep-box:nth-child(even) { background: var(--grey-light); flex-direction: row-reverse; }
.rep-box-img { background: var(--green); border-radius: 10px; border: 0; margin: 1em 0 0 0; overflow: hidden; padding: 1.4em; }
.rep-box-img img { width: 100%; height: 100%; }
.rep-box-txt { padding: 1em; }

/*|| ALUMNI PAGE */
.page-id-245 {}
.page-id-245 .rep-box { flex-direction: row-reverse; }
.rep-box-img { background: none; }
.page-id-245 .rep-box-img img { border-radius: 10px; width: 100%; height: 100%; }

/*|| DOWNLOAD PAGE */
#s-download-box{ padding: 0 2em; }
.download-box { list-style: none; padding: 1em; text-align: center; }
.download-box a { height: auto; display: block; box-shadow: 1px 1px 9px 2px #f5f5f5; padding: 20px 10px; opacity: 1; background: var(--w); }
.download-box a img { filter:grayscale(1) }
.download-box a:hover { opacity: 1; }
.download-box a img {
   filter: grayscale(1);
   max-width: 5em;
   height: auto;
}
.download-box a:hover .download-box-txt  { background-color: var(--green); color: var(--w); opacity: 1; }
.download-box-txt { border-radius: 10px; padding: 6px 6px; font-weight: bold; color: var(--b); line-height: 1.3; font-size: .9em; transition: .3s; margin: 0 1em; }

/*|| DOWNLOAD DOCS */
.page-template-p-docs #s-download-box { padding: 0 0 0 3em; background: var(--w); }
#docs .download-box { text-align: left; }
#docs .download-box a { box-shadow: none; }


/*|| SPROUT PAGE */
#s-sprout .in-section{ }
#s-sprout-txt { margin: 8em 0 0; text-align: center; }
#s-sprout-list { background: url(img/academica-sprout.jpg) no-repeat top center; background-size: contain; height: auto; max-width: 960px; width: 100%; }

#s-sprout-list ul { margin: 60vh 0 3em; }
#s-sprout-list li{  margin: 70px ; list-style: none; }

#s-sprout-list li:nth-child(odd)  { float:left;  text-align: left;}
#s-sprout-list li:nth-child(even) { float:right; text-align: right;}

/*|| SINGLE */

/*|| ARCHIVE */

.wp-pagenavi { padding: 2em 0; text-align: center; width: 100%; }
.wp-pagenavi a, .wp-pagenavi span { background: var(--green-light); border-radius: 50px; border: 0; border: 1px solid #004c4200; color: var(--w); margin: 0 10px; padding: 8px 14px; text-decoration: none; }
.wp-pagenavi a:hover { background: var(--w); border: 1px solid var(--green); color: var(--b); }
.wp-pagenavi span.current { background: var(--green); border-color: #fff0; font-weight: normal; }

nav.posts-navigation { position: relative; width: 100%; height: 5em; padding: 3em; box-shadow: none; }
.nav-links { display: flex; align-items: center; justify-content: space-between; flex-direction: row; }

/*|| ERROR 404 */
.error404 .search-form { max-width: 25em; }

/*|| FOOTER */
.site-footer { background-color: var(--green); color: var(--w); display: block; min-height: auto; bottom: 0;
   z-index: 1; padding: 10vw 0 0; overflow-x: hidden;
}
.footer-home { position: relative; padding: 10vw 0 0; }
.footer-home .site-info {}
.footer-col {}
#footer-col1 {}
#footer-col1 hr { width: 20em; }
.brand-academica-footer img { width: 230px; height: auto; position: relative; left: 2.2em; display: block; margin: 1em 0 1.3em; }
.footer-adress-line { height: 1px; width: 14em; border-top: 1px solid #FFF; display: block; position: relative; left: 2em; }
.footer-adress { width: auto; display: block; position: relative; margin: 1em 2em; font-size: 1.2em; }
#footer-col2 { min-height: 40vh; }
#footer-col2-wrapper { min-height: 25vh; border-right: 1px solid; margin: 2em 0 0; }
#footer-col2 ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; top: 2em; position: relative; left: -15px; font-size: 0.7em; }
#footer-col2 li { margin: 0; list-style: none; width: 10em; font-size: 1.3em; padding: 1px 2px; display: inline-block; height: 2em; }
.footer-line-v {}
#footer-col3 { padding: 0 0 1em 0; }
#footer-col3 span { display: block; text-align: center;}
#social-links { margin: 1em 0 0;}
#social-links .ico-social { padding: 4px; }

/*|| END FOOTER */

.hided-txt {height: 0; opacity: 0; transition: 0.5s all;}
.hided-txt-open {height: auto; opacity: 1; transition: 0.5s all;}

.expand-cont { position: relative; margin: 0 0 0 30px; }
.expand-cont input[type="checkbox"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }
 .expand-cont span { font-size: 18px; margin: 0; width: 2em; font-weight: 100; font-size: 1rem; }
 .expand-cont label { position: relative; display: inline-block; padding-left: 1.4em; margin: 0; padding: 0 30px; }
 .expand-cont label::before { content: ""; position: absolute; width: 0; height: 0; top: 50%; left: 10px; border-left: 8px solid var(--green); border-top: 8px solid transparent; border-bottom: 8px solid transparent; margin-top: -8px; }
 .expand-cont input[type="checkbox"]:checked ~ span label::before { border-left: 8px solid transparent; border-top: 8px solid var(--green); border-right: 8px solid transparent; margin-left: -4px; margin-top: -4px; }
 .expand-cont input[type="checkbox"]:checked ~ span label { opacity: 1; color: var(--green-light); }
 .expand-cont p { font-size: 16px; max-height: 0; overflow: hidden; padding-left:0; transition: max-height 0.4s ease; }
 .expand-cont ul { max-height: 0; overflow: hidden; padding-left:0; transition: max-height 0.4s ease; }
 .expand-cont input[type="checkbox"]:checked ~ span ~ p { max-height: 240px; }
 .expand-cont input[type="checkbox"]:checked ~ span ~ ul { max-height: 500vh; }

#ais-disclaimer{    font-size: 15px; padding: 0 2em; }

progress{ top: 0; left: 0; position: relative; -webkit-appearance: none; appearance: none; width: 100%; height: 8px; border: none; background: 0 0; position: fixed; z-index: 99999999; right: auto; transform: translateX(50%) rotate(90deg); }
progress::-webkit-progress-bar{background:0 0}
progress::-webkit-progress-value{background:linear-gradient(to left,#db38b5,#01b3e3,#25ce7b,#fdc741,#ff6b01,#fc4236);background-attachment:fixed}
progress::-moz-progress-bar{background:linear-gradient(to left,#db38b5,#01b3e3,#25ce7b,#fdc741,#ff6b01,#fc4236);background-attachment:fixed}

.moveDown { animation: moveDown 1s linear 1.5; position: absolute; left: 0; bottom: 0; }
.moveUpDown { animation: moveUpDown 1s linear 1.5; position: absolute; left: 0; bottom: 0; }
@keyframes moveUpDown { 0%, 100% { bottom: 70px; } 50% { bottom: -70px; } }
@keyframes moveDown { 0%   { bottom: 70px; } 50% { bottom: -70px; } }

 body::-webkit-scrollbar { width: 6px; }
 body::-webkit-scrollbar-track { box-shadow: inset 0 0 6px var(--w); }
 body::-webkit-scrollbar-thumb { background-color: var(--green); outline: 1px solid var(--green-light); }

 #wpadminbar { z-index: 999999999999; }


#cookie-btns { display: flex; gap: 1em; align-items: center; justify-content: center; }

/*** MEDIA QUERIES EM/PX 1em=16px
xs  = 360px  - 600px, (22.5em +)
sm  = 600px  - 900px, (37.5em +)
md  = 900px  - 1200px, (56.25em +)
lg  = 1200px - 1800px, (75em=1200px / 85.37em=1366px /  87.5em=1400px / 100em=1600px)
xl  = 1800px - 1920, (112.5em=1800px / 120em=1920px)
xxl = 2560px - (160em +)
***/


@media (min-width: 22.5em) {

#banner {     background: #ffffff00; max-height: 350px; overflow: hidden; padding: 0; border-radius: 0; width: 100vw; margin: 0; }
#banner-info { position: relative; top: 0; text-align: center; padding: 2em 1em 1em; }
#banner-info h2 { display: block; color: var(--w); font-size: 2em; line-height: 1.1; padding: 0 1em 0; }
#banner-info p { font-size: 1em; line-height: 1; padding: 10px; margin: 0; }

#h-intro-txt {     top: 12em; }
#h-intro-txt h1 { font-size: 2.2em;}
#pic-scudo img { width: 96%; height: auto; }

}

@media (min-width: 37.5em) {
#btn-courses { top: 45vh; font-size: .9em; left: -68px; }
.navcourses-activ #nav-courses-cont { width: 400px;}
#masthead {background: none; height: auto; position: relative; opacity: 1; }
.toDOWN #masthead { background: none; transition: .5s; opacity: 0; }
.toUP   #masthead { transition: .5s; opacity: 1; }

.scrollDown .brand-academica img { width: 130px; }

.in-section { padding: 0 0;}
.in-section h3 { font-size: 2.2em; padding-left: 16px; /*ojo*/ }
.expand-cont { margin: 0 0 0 10px; }
/* home */
#h-intro-bg-video { background: var(--green); height: 64vh; }
#h-intro-txt { top: auto; padding: 0 1em; }
#h-intro-txt p { font-size: 16px; padding: 0 17vw; }

#message-principal { padding: 3em 1em 0; }
#pic-scudo img { width: 100%; padding: 0 12em; }

.h-learning-txt { padding: 0 1em; }
.h-learning-txt h4 { margin: 0 0; font-size: 3em; padding: 1em 2em 1em; line-height: 1; text-align: center; }
.h-learning .swiper-button-prev {display: initial;}
.h-learning-txt p { padding: 0 3em; font-size: 16px; }
.h-learning-txt span { padding: 0 2em; }

#h-guarantee-txt { max-width: 960px; height: auto; max-height: 35%; }
.h-guarantee-ul {left:18px; padding: 1em; background-color: var(--green); border-radius: 20px; max-height: 11em; min-height: 50vh; width: 98vw; overflow-x: hidden; }
.h-guarantee-ul li:hover { background: none; margin: 0; }
.h-guarantee-ul li img { position: relative; opacity: 1; transition: opacity 1s; height: 150px; width: auto; }

.h-testimonials { min-height: 70vh; }
.testimonial-imgs { display: flex; align-items: center; min-height: 100vh; justify-content: center; }
.h-testimonials .swiper-container{ min-height: 50vh; }

.h-map { background-color: var(--green-light); box-shadow: 0 5px 3px; min-height: 60vh; width: 100%; overflow-x: hidden; margin: 0; padding: 0 2em; }

/* contact form */
.contact_form #submit { width: 50%; }
#gphone {display: flex;}

/* default pages */
#page-default { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; }

/* Why */
.page-template-p-why .entry-content {width: 100%;}

/* courses */
.single-course section { padding: 0 4em; }

/* staff */
#mInput-cont { top: 8em; }
input#mInput:focus { border: 1px solid var(--green); box-shadow: 1px 1px 1px 1px var(--grey); }
#member-list { top: -4em; }
.s-members .page-header { text-align: right; width: 100%; position: sticky; top: 0; float: left; padding: 3em 1em 0; }

/* Clubs & Activities */
.rep-box { padding: 2em 3em; }

/* blog */
#inc-header-blog { z-index: 9; }
#inc-header-blog ul { display: flex; flex-direction: row; list-style: none; justify-content: center; align-items: flex-end; text-align: center; padding-inline-start: 0; }
.single .header,.single .post-thumbnail, .single .entry-content { max-width: 620px; }

/* footer */
.site-footer { z-index: -9; padding: 5vw 3vw 3vw;; }
.footer-adress-line { width: 90%; }
#footer-col2 ul { top: 2em; position: relative; }
}


@media (min-width: 56.25em) {
.flex h1,.flex h2,.flex h3,.flex h4,.flex h5,.flex h6 { padding-left: 0; padding-bottom: 0; }
body.mainMenu-hover #inc-header-blog { z-index: 9; }
#hmenu { display: none;visibility: hidden; }
.main-menu-container { overflow: hidden; }

.expand-1-active #h-banner {display: none;}
#h-banner { position: absolute; width: 100vw; height: 40vh; top: 5em; }
#banner { background: var(--w); max-height: 350px; border-radius: 20px; }
#banner img { display: inline; }
#banner-info { top: 15%; padding: 0 2em; background: var(--w); max-height: 260px; }

/* home */
#h-intro-txt h1 {line-height: 1; padding: 0; font-size: 2.6em;}
#pic-scudo img { width: 100%; padding: 0; }
#message-principal p,#message-principal .expand-cont label,
#message-principal .expand-cont p { font-size: 13px; }

.h-learning-txt h4 { margin: 0 0; font-size: 2em; padding: 2em 2em 1em; line-height: 1; }
.h-learning .swiper-slide-col { width: 50%; position: relative; left: 50%; padding: 0; height: 100%;   }
.h-learning .swiper-slide-active { z-index: 0; opacity: 1;transition: 1s; }
.h-learning .swiper-slide-prev { background-color: rgba(255, 255, 255, .8); opacity: .5; transition: 1s;}
.h-learning .swiper-slide-next { background-color: rgba(255, 255, 255, .8); opacity: .5; transition: 1s;}

.h-learning .swiper-button-prev  { position: absolute; right: 0; left: 52vw; bottom: 40%; top: auto; }
.h-learning .swiper-button-next  { bottom: 40%; top: auto; }
.h-learning-txt h3{ padding: 15% 1em 0;}

.h-guarantee { min-height: 100vh; }
.h-guarantee li p{ padding: 3em 1em 0; position: relative; width: 300px;opacity: .4; transition: 1s; }
.h-guarantee-ul { height: 240px; max-height: fit-content; min-height: auto; max-width: 1000px; width: 100%; padding: 1em; position: relative; left: 16px; overflow: hidden; }
.h-guarantee-ul li:hover > p { border: 0 solid var(--green); display: inline-block; opacity: 1; padding: 3em 1em 0; top: -40px; left: -18px; height: 260px; }
.h-guarantee-ul li:hover > img { display: none; }
.h-guarantee-ul li p strong { display: block; padding: 1em 3em 1em; text-transform: uppercase; line-height: 1.2; }
.h-testimonialnews {
   background-image:url(https://ais.academica.org/img/bg-bellotas.svg);background-repeat:no-repeat;background-size:contain; background-position: center center;
}
#h-dualdiploma-txt h3 { font-size: 2.2em;}

#mInput-cont { position: sticky; top: 12vh; right: 0; left: 90%; }

#in-section-themap-txt { height: 20vh; }

.archive-course-item .entry-title { background: var(--green); border-radius: 4px; padding: 6px 12px; display: flex; justify-content: space-between; }
#inc-header-blog { align-items: center; border-bottom: 2px solid var(--green-light); display: flex; flex-direction: row; justify-content: space-evenly; margin: 25vh 0 0; padding: 1em; z-index: 9; }
#inc-header-blog ul { display: flex; flex-direction: row; list-style: none; }
#inc-header-blog ul li { padding: 0 0 0 1em; }
#breadcrumbs { padding: 0; text-align: center; }
.breadcrumb_last { display: inline-block; }
.single #secondary { display: inline-block; }

#page-default .entry-content { max-width: 100%; }

#footer-col2 { min-height: 30vh; width: 35%; }
#footer-col3 { padding: 3.3em 0 0 2em; width: 18%; }
}

@media (min-width: 50em) and (orientation: portrait) {
   .toUP .brand-academica img { width: 260px; }
   .toUP #site-navigation { background-color: var(--w); padding: 7em 2em 0;}
   .in-section p { padding: 0 4em; }

   .h-guarantee-ul { min-height: 18vh; width: 95vw; }
   .h-guarantee-ul li:hover > p { border: 0 solid var(--green); display: inline-block; opacity: 1; padding: 3em 1em 0; top: -40px; left: -18px; height: 260px; width:13em; }
   .h-guarantee-ul li:hover > img { display: none; }

   #testimonialsnew .quote p{ padding: 0 0 1em; margin: 2em 0 0 1em;  }

   #in-section-themap { height: auto; }
   #h-dualdiploma-txt { padding: 8vh 0 0; }

}

@media (min-width: 70em) {
   #nav-courses-cont::-webkit-scrollbar {
      display: none;
      -ms-overflow-style: none;  /* Internet Explorer 10+ */
      scrollbar-width: none;  /* Firefox */
   }
   .navcourses-activ #nav-courses-cont::-webkit-scrollbar {
      display: block!important
   }
   .navcourses-activ #close-courses { visibility: hidden; opacity: 0; }
   #nav-courses-cont { left: -95vw; overflow:auto;}
   .navcourses-activ #nav-courses-cont { width: 360px;}
   #nav-courses-cont nav ul { font-size: 16px; color: var(--green-light); margin: 0 0 1em; font-weight: 100; }
   .li-course a { display: inline-block; width: 100%; padding: 4px 12px; border-radius: 4px; font-size: 14px; transition: all 1s; }
   #banner { background: var(--w); max-height: 300px; border-radius: 20px; box-shadow: 0 0 20px 4px var(--grey); }
   #h-banner { height: 50vh; top: 7em; display: flex; justify-content: space-around; }
   #banner-info h2 { color: var(--green); }
   #banner-info p { font-size: 1em; line-height: 1; padding: 10px; margin: 0; color: var(--grey); }

   #site-navigation { padding: 0 2em 0;top: 1em; transition: none; }
   .scrollDown #site-navigation { background: var(--w); top: 0; padding: 22px 2em 48px; }

   #hmenu {display:none;}
   .toDOWN #mainMenu {  top: -2em; transition: .1s; }
   #mainMenu { opacity: 1; visibility: initial; display: inline; padding: 3em 0 0; top: 1em; z-index: 0; transition: 1s; }
   #mainMenu a { font-size: 14px; color: var(--w);}
   #mainMenu a:hover, .scrollDown #site-navigation .button:hover { color: var(--w); background-color: #004c4257; }
   .scrollDown #site-navigation .button { background: #ffffffe0; color: var(--green); transition: 1s all; }
   .separator .line { height: 100px; top: -30px; }
   .separator .number { bottom: -25px; }

   /* home */
   #pic-scudo {align-self: center;}
   #h-intro-bg-video { background: var(--green); height: 100vh; }
   #h-intro-txt {font-size: 14px; padding: 0 1em; }
   .expand-1-active #h-intro-txt { background: initial; bottom: 3em; height: auto; color: var(--w); top: auto; padding: 0; left: auto; }
   .expand-1-active #h-message { min-height: auto; margin: 0 0 0 0; }

#message-principal  p, #message-principal .expand-cont label,
#message-principal .expand-cont p { font-size: 16px; }
#pic-scudo img { width: 100%; padding: 0; }
#h-message .separator {     margin: 50px auto; left: initial; }

   #h-learning { min-height: auto; padding: 0 0 0; }
   #h-learning-txt{ position: absolute; z-index: 999; right: 1em; padding: 3em 50px 0; text-align: center; }
   .h-learning .swiper-container{ width: 100%; height: 100vh; }
   .h-learning .swiper-slide{ background-size: cover; background-position: top center;}
   .h-learning-txt h4 {font-size: 1.6em; margin: 1em 0 0; padding: 12px 4em; text-align: center; }
   .h-learning-txt { padding: 15vw 3vw 0; }
   .h-learning .swiper-slide-col { background-color: none; display: flex; align-items: center; }

   #h-guarantee-txt p, #h-guarantee-txt2 p { padding: 0 8em;}
   .h-guarantee-ul {border: 1px solid var(--green); box-sizing: border-box; height: 210px;max-width: 1100px; overflow-y: hidden; }
   .h-guarantee-ul li img { height: 160px; }

   #testimonial-imgs   { width: 40%; cursor: crosshair; }
   #testimonial-saying { width: 60%; }

#h-testimonials .quote {}
#h-testimonials .quote:hover {}

   #testimonialsnew { min-height: 100vh; }
   #testimonialsnew .h3-testimonialsnew { padding: 3em 0 0; }
   #testimonialsnew .swiper-container  { min-height: 70vh; }
   #testimonialsnew .swiper-pagination { bottom: 0; }
   #testimonialsnew .quote {color: var(--grey); border-radius: 10px; background: #ffffff9a; min-height: 200px; padding: 1em; margin: 1em; transition: 1s; }
   #testimonialsnew .quote:hover,
   #testimonialsnew .swiper-slide-active .quote:hover { cursor: grab; background: var(--grey-light); }
   #testimonialsnew .quote p { font-size: 14px; }
   #testimonialsnew .swiper-slide-active .quote {background: #fff9;;color: var(--grey); }
   #testimonialsnew .swiper-slide-next .quote {background: var(--green);color: var(--w); }
   #testimonialsnew .swiper-slide-next .quote { box-shadow: 0 2px 16px 8px #d2d2d2; }
   #testimonialsnew .swiper-pagination-bullet-active { width: 2em; border-radius: 10px; transition: 1s; background: var(--green) }

   #in-section-themap-txt {z-index:9}
   .h-map { min-height: auto}
   #h-dualdiploma-txt { padding: 8vw 5vw 0; text-align: center; }

.s-members .page-header { text-align: right; width: 25%; position: sticky; top: 5em; float: left; }
#member-list { width: 70%; top: -4.8em; }
#member-list h3 { font-size: 2em; font-weight: 600; float: none; padding: 4.1em 1em 1em; }
#inc-header-blog { z-index: 9999999; }
#breadcrumbs { padding: 0; text-align: left; }
.single article { margin: 0 0 10vh 0; padding: 1em 0; }
.ofthemonth .entry-meta { font-size: 1.2em; font-weight: 600; }
.single .header, .single .post-thumbnail, .single .entry-content { max-width: 780px; }
.single .post-thumbnail img {
   max-width: 780px; height: auto;
}

.single #secondary {
   min-height: 40vh;
   float: right;
   max-width: 300px;
   position: sticky;
   top: 10vh;
}
.single #secondary ul { }
.single #secondary ul li{ }
.single .ofthemonth .post-thumbnail {
   float: left;
   padding: 1em 0 0 0;
   width: 23%;
}

#header-blog .page-title { top: 4em; }

#footer-col2 { min-height: 30vh; width: 40%; }

} /* >70em */


@media (min-width: 85.37em) {
   #h-banner { height: 50vh; top: 7em; display: flex; justify-content: space-around; }
   /* home */
   #h-intro-txt { }
   #h-intro-txt p { padding: 0 15vw; }
   .h-message .in-section { padding: 6em 0 0; }

   #testimonial-imgs   { width: 40%; }
   #testimonial-saying { width: 60%; }

   .swiper-container.testimonials-txt .quote p { font-size: 20px; }
   #h-map-txt { padding: 7vw 0 0; }
}


@media (min-width: 87.5em) {

#h-banner { height: 50vh; top: 10em; display: flex; justify-content: space-around; }
#banner { max-height: 350px; }
#banner img { height: auto; }
#banner-info h2 { font-size: 2em; line-height: 1; padding: 12px 1em; }

   .separator .line { height: 100px; top: -50px; }
   .separator .number {bottom:0}

   #h-intro-txt { font-size: 16px; }
   #h-intro-txt p { padding: 0 8vw; }
   .h-message .in-section { padding: 1em 0 0; }
   #h-learning-txt { padding: 8em 50px 0; }
   .h-learning-txt h4 { margin: 0 0; font-size: 1.6em; padding: 1em 4em; }

   .testimonials-thumbs .swiper-slide-active:after {
      left: 14px;
      width: 240px;
    }

   .h-map { min-height: 130vh; padding-bottom: 20vh; }
   #h-map-txt { padding: 3vw 0 0; }
   .scrollSnapGroup { min-height: 175vh; /*ojo*/ }

/* >85.37em */
}

@media (min-width: 100em) {
   /* home */
   #h-intro-txt {  }
   #h-learning-txt { padding: 12em 50px 0; }
   #h-intro-txt h1 { line-height: 1; padding: 0 3em; font-size: 4em; }
   #h-learning-txt p { font-size: 16px; }
   .h-learning-txt h3 { padding: 15% 1em 0; }
   .h-learning-txt h4 { margin: 5% 0 0; font-size: 1.6em; padding: 1em 4em; }
   .h-learning-txt span { padding: 0 6em; }
   #h-guarantee-txt { max-height: 17em; }

   .testimonials-thumbs .swiper-slide-active:after { width: 240px; }

   #testimonialsnew { min-height: 80vh; }
   #testimonialsnew .swiper-container { min-height: 50vh; }
   .h-testimonials h3 { top: 3em; left: 3em; padding: 0; }
   .testimonials-txt .quote { height: 80%;}
   .swiper-container.testimonials-txt .quote p { font-size: 24px; }

/* >100em */
}

@media (min-width: 112.5em) {
      /* home */
      #h-message .in-section { padding: 5em 0 0; }
      #h-guarantee-txt { max-height: 13em; }
      #testimonial-imgs   { width: 40%; }
      #testimonial-saying { width: 60%; }
      .testimonials-thumbs .swiper-slide-active:after {
         left: 14px;
         width: 234px;
       }
/* >112.5em */
}


/* keyframes */
@keyframes filterBright {
   0% {filter: brightness(1);}
   100% {filter: brightness(1.8);}
  }


/* -------- end media queries -------- */
button, .label, [data-tooltip]:after, .button, [type=submit] { background:var(--green) }
.grecaptcha-badge {
   display: none;
}