/*   
Theme Name: Lowell Academy
Theme URI: http://www.lowellacademy.com/
Description: Custom WordPress theme for Lowell Academy
Author: Yelling Mule
Author URI: https://www.yellingmule.com
Version: 1.0
*/

@CHARSET "UTF-8";

/* =WordPress Core from http://codex.wordpress.org/CSS#WordPress_Generated_Classes
-------------------------------------------------------------- */

.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/*CUSTOM CSS
-------------------------------------------------------------- */

/*Required Styles*/

html, body{
    margin:0;
    padding:0;
    font-family:'Montserrat', sans-serif;
    width:100%;
    overflow-x:hidden;
}
h1{
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    font-weight:600;
    font-size:45px;
}
h2{
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    color:#890023;
    font-weight:700;
    font-size:32px;
}
h3{
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
}
h4{
    font-family:'Montserrat', sans-serif;
}
h5{
    font-family:'Montserrat', sans-serif;
}
p{
    font-weight:300;
    font-size:16px;
}
a{

}
a:hover{
    text-decoration:none;
}
p a{

}
ul{

}
ul li{

}
ul li a{

}
ol{

}
ol li{

}
ol li a{

}

/*BUTTONS*/
.black_button{
    display:inline-block;
    padding:1rem 3rem;
    border:1.5px solid white;
    color:white;
    background:black;
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    font-size:16px;
}
.black_button:hover{
    color:white;
    background:#890023;
}
.maroon_button{
    display:inline-block;
    padding:1rem 3rem;
    border:1.5px solid #890023;
    color:white;
    background:#890023;
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    font-size:16px;
}
.maroon_button:hover{
    color:white;
    background:black;
    border-color:white;
}
.outline_button{
    display:inline-block;
    padding:1rem 3rem;
    border:1.5px solid white;
    color:white;
    background:transparent;
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    font-size:16px;
}
.outline_button:hover{
    color:white;
    background:black;
    border-color:white;
}

/*HEADER*/
.header{
    position:fixed;
    width:100%;
    z-index:1000;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 24%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 24%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 24%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
.header, .header_logo{
    height:75px;
}
.header_logo a{
    display:block;
    height:100%;
    padding:0.5rem 0;
}
.header_logo img{
    height:100%;
    -webkit-filter:brightness(0) invert(1);
    filter:brightness(0) invert(1);
}
.header_mobile{
    display:none;
}
.header_right{
    text-align:right;
}
.header #menu-main-menu{
    list-style:none;
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:300;
    display:inline-block;
}
.header #menu-main-menu .menu-item{
    display:inline-block;
    margin:1.6rem 2rem;
}
.header #menu-main-menu .menu-item a{
    color:white;
    padding:1rem 0;
    display:block;
}
.header #menu-main-menu .menu-item a:hover, .header #menu-main-menu .current-menu-item a, .header #menu-main-menu .menu-item:hover > a{
    border-bottom: 2px solid #890023;
}
.header #menu-main-menu .sub-menu{
    display:none;
    position:absolute;
    width:200px;
    padding:1rem 0 0 0;
    text-align:left;
    font-size:14px;
    margin:0;
}
.header #menu-main-menu .sub-menu .menu-item{
    display:block;
    background:white;
    width:100%;
    margin:0;
    border-bottom:0.5px solid #eee;
}
.header #menu-main-menu .sub-menu .menu-item:last-child{
    border-bottom:0;
}
.header #menu-main-menu .sub-menu .menu-item a{
    display:block;
    padding:1rem;
    color:black;
    border-bottom:none !important;
}
.header #menu-main-menu .sub-menu .menu-item a:hover{
    border-bottom:none;
    color:#890023;
    font-weight:400;
}
.header_button{
    display:inline-block;
    margin-left:2rem;
}
.header_button a{
    font-size:16px;
    padding:1rem 2rem;
}
.header_scrolled{
    background:white;
    border-bottom:2px solid #ebebeb;
}
.header_scrolled.header, .header_scrolled .header_logo{
    height:75px;
}
.header_scrolled.header .header_logo a{
    padding:0.5rem 0;
}
.header_scrolled.header .header_logo img{
    height:100%;
    -webkit-filter:none;
    filter:none;
}
.header_scrolled.header #menu-main-menu .menu-item a{
    color:black;
}
.header_scrolled.header #menu-main-menu .sub-menu .menu-item{
    margin:0;
}


/*HERO*/

.hero{
    width:100%;
    height:80vh;
    position:relative;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    border-bottom:5px solid white;
}
.hero_interior{
    height:500px;
}
.title_bar{
    height:250px;
    width:100%;
    position:relative;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.hero_overlay{
    width:100%;
    height:100%;
    background: -moz-linear-gradient(left, rgba(137,0,35,1) 0%, rgba(137,0,35,0) 77%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(137,0,35,1) 0%,rgba(137,0,35,0) 77%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(137,0,35,1) 0%,rgba(137,0,35,0) 77%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#890023', endColorstr='#00890023',GradientType=1 );
}
.hero_content{
    position:absolute;
    top:60%;
    -moz-transform:translate(0,-60%);
    -webkit-transform:translate(0,-60%);
    transform:translate(0,-60%);
    left:0;
    right:0;
}
.hero_text{
    width:65%;
    color:white;
}
.hero_interior .hero_text{
    width:50%;
}
.hero_text h1{
    margin:0;
    animation: fadein 3s;
    opacity:0;
    animation-fill-mode:forwards;
}
.hero_text p{
    font-size:16px;
    font-weight:300;
    margin:1rem 0;
    animation: fadein 3s;
    opacity:0;
    animation-fill-mode:forwards;
    animation-delay:0.5s;
}
.hero_text ul{
    list-style:none;
    margin:0;
    padding:0;
    font-family:'Montserrat', sans-serif;
    text-transform:uppercase;
    font-size:18px;
    animation: fadein 3s;
    opacity:0;
    animation-fill-mode:forwards;
    animation-delay:1s;
}
.hero_text ul li{
    display:inline-block;
}
.hero_text ul li::after{
    content:'\f111';
    font-family:'FontAwesome';
    display:inline-block;
    margin:0 1rem;
    font-size:7px;
    vertical-align:middle;
}
.hero_text ul li:last-child::after{
    content:none;
}
.hero_button{
    margin-top:3rem;
    animation: fadein 3s;
    opacity:0;
    animation-fill-mode:forwards;
    animation-delay:1.5s;
}


/*COURSES ACCORDION*/

.la_accordion {
  width: 100%;
  height: 20vh;
  overflow:hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
}
.la_accordion_slide {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transform: skewX(-15deg);
          transform: skewX(-15deg);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position:relative;
  border-left:5px solid white;
}
[data-accordion-slide].la_accordion_slide:hover,
[data-accordion-slide].la_accordion_slide:focus {
  -webkit-box-flex:4;
      -ms-flex: 4;
          flex: 4;
}
.la_accordion_slide:first-child {
  border-left: 0;
 -webkit-box-flex: 3.5;
      -ms-flex: 3.5;
          flex: 3.5;
  margin-left: -3em;
}
.la_accordion_slide:last-child {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  margin-right: -3em;
}
.la_accordion_inside {
  -webkit-transform: skewX(15deg);
          transform: skewX(15deg);
  background-size: cover;
  background-position:center;
  margin: 0 -3em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    position:relative;
}
.la_accordion_inside a{
    position:absolute;
    left:0;
    display:block;
    width:100%;
    height:100%;
    padding-left:30%;
    color:white;
    background:rgba(0,0,0,0.5);
}
.la_accordion_slide:nth-child(even) a{
    background:rgba(137,0,35,0.7);
}
.la_accordion_inside h2{
    font-size:18px;
    position:absolute;
    bottom:6rem;
    left:6rem;
    text-shadow:0 0 10px black;
    -moz-transform:rotate(-73deg);
    -webkit-transform:rotate(-73deg);
    transform:rotate(-73deg);
    font-weight:300;
    color:white;
}
.la_accordion_inside h2.h2_active{
    -moz-transform:none;
    -webkit-transform:none;
    transform:none;
    font-size:36px;
    bottom:2rem;
}
.la_accordion_slide:first-child .la_accordion_inside h2{
    left:48%;
}
.la_accordion_slide:first-child .la_accordion_inside h2.h2_active{
    margin-left:-9%;
}
.la_accordion_slide:first-child.la_accordion_slide_active h2{
    -moz-transform:none;
    -webkit-transform:none;
    transform:none;
    font-size:36px;
    bottom:2rem;
    padding-left:0;
    margin-left:-9%;
}

[data-accordion-slide="1"] .la_accordion_inside {
  background-image: url('public/img/cosmetology.jpg');
}
[data-accordion-slide="2"] .la_accordion_inside {
  background-image: url('public/img/manicure.jpg');
}
[data-accordion-slide="3"] .la_accordion_inside {
  background-image: url('public/img/makeup.jpg');
}
[data-accordion-slide="4"] .la_accordion_inside {
  background-image: url('public/img/barber.jpg');
}


/*MAIN CONTENT*/
.content{
    padding:5rem 0;
}

.content-cosmetology{
    padding:5rem 0 0 5rem;
}
.content_background{
    padding:0;
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
}
.content_background_overlay{
    padding:8rem 0;
    background:rgba(137,0,35,0.7);
    text-align:center;
    color:white;
}
.content_background_overlay_gradient{
    padding:8rem 0;
    color:white;
    background-image: -moz-linear-gradient( 0deg, rgb(54,54,54) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(54,54,54) 0%, rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(54,54,54) 0%, rgba(255,255,255,0) 100%);
}

.content_photo, .content_text_block{
    width:100%;
    padding-bottom:75%;
    overflow:hidden;
    position:relative;
}
.content_text_block{
    margin:2rem 0;
}
.content_photo img{
    position:absolute;
    height:auto;
    width:100%;
    margin:auto;
    top:-9999px;
    bottom:-9999px;
    left:-9999px;
    right:-9999px;
}
.content_photo_fullheight{
    margin-top:-5rem;
    margin-bottom:-5rem;
}
.content_photo_fullheight img{
    height:100%;
    width:auto;
}
.content h2{
    margin:0 0 1rem;
}
.content_centered h2{
    text-align:center;
}
.content p{
    font-size:16px;
    font-weight:300;
}
.content_button{
    margin-top:3rem;
}
.content_text{
    position:absolute;
    top:50%;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.content_background_overlay h2{
    color:white;
}
.content_background_overlay_gradient h2{
    color:white;
}
.content_background_overlay_gradient p a{
    color:white;
    font-weight:400;
}
.content_background_overlay_gradient p a:hover{
    color:#B1002E;
}
.content_background_overlay p{
    padding:0 20%;
}
.content_inline_list{
    list-style:none;
    margin:0;
    padding:0;
    text-transform:uppercase;
    font-family:'Montserrat', sans-serif;
    font-size:18px;
}
.content_inline_list li{
    display:inline-block;
}
.content_inline_list li::after{
    content:'\f111';
    font-family:'FontAwesome';
    font-size:6px;
    display:inline-block;
    margin:0 1rem;
    vertical-align:middle;
}
.content_inline_list li:last-child::after{
    content:none;
}
.content_inline_list li a{
    color:#890023;
}
.content_inline_list li a:hover{
    color:black;
}
.content_halved .row{
    display:flex;
}
.content_halved .content_text{
    top:50%;
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
    position:absolute;
}
.content_text_left{
    text-align:left;
}
.content_text_left p{
    padding:0 !important;
}


/*TESTIMONIAL SLIDER*/
.testimonial_slider.slick-dotted{
    margin-bottom:0;
}
.testimonial_slider_dots{
    margin-bottom:2rem;
}
.testimonial_slider_dots .slick-dots{
    position:relative;
    bottom:auto;
}

/*INSTAGRAM FEED*/
.la_instagram_feed{
    position:relative;
    border-top: 5px solid white;
}
.la_instagram_button{
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    z-index:999;
}
.la_instagram_button a{
    border:none;
    padding:2rem 2.5rem;
}
.la_instagram_photo{
    width:100%;
    padding-bottom:80%;
    overflow:hidden;
    position:relative;
}
.la_instagram_photo a{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
}
.la_instagram_photo img{
    min-width:100%;
    min-height:100%;
    max-width:350px;
    position:absolute;
    top:-9999px;
    left:-9999px;
    right:-9999px;
    bottom:-9999px;
    margin:auto;
}
.la_instagram_photo a:hover{
    background:#890023;
}
.la_instagram_photo a:hover img{
    opacity:0.5;
}
.la_instagram_photo a:hover::after{
    content:'\f08e';
    font-family:'FontAwesome';
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    color:white;
    font-size:24px;
}
.la_instagram_feed .col-sm-2{
    padding:0;
}

/*PROGRAMS*/
.program_blocks .program_block{
    color:white;
}
.program_block .container-fluid{
    padding:0;
}
.program_block .row{
    display:flex;
}
.program_block .col-sm-6{
    padding:0;
}
.program_blocks .program_block{
    background:black;
}
.program_blocks .program_block:nth-of-type(even){
    background:#890023;;
}
.program_block_photo{
    width:142%;
    padding-bottom:50%;
    overflow:hidden;
    position:relative;
    margin-left:-42%;
    background:black;
    right:-5%;
}
.program_blocks .program_block:nth-of-type(even) .program_block_photo{
    margin-left:0;
    margin-right:-42%;
    background:#890023;
    left:-5%;
}
.program_block_photo img{
    width:100%;
    height:auto;
    margin:auto;
    position:absolute;
    top:-9999px;
    right:-9999px;
    left:-9999px;
    bottom:-9999px;
    opacity:0.5;
}
.program_block_content{
    height:100%;
    width:auto;
    position:relative;
}
.program_block_content_text{
    padding:1rem 1rem 1rem 10%;
    position:absolute;
    top:50%;
    left:0;
    right:0;
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
}
.program_blocks .program_block:nth-of-type(even) .program_block_content{
    text-align:right;
}
.program_blocks .program_block:nth-of-type(even) .program_block_content_text{
    padding:1rem 10% 1rem 1rem;
}
.program_block_content h3{
    margin:0 0 1rem;
    font-size:32px;
    font-weight:700;
}
.program_block_content p{
    font-weight:300;
    font-size:16px;
}
.program_block_content a{
    color:white;
    text-transform:uppercase;
    font-size:16px;
    font-weight:300;
}
.program_block_content a:hover{
    color:#890023;
    font-weight:700;
}
.program_block_content a i{
    color:#890023;
}
.program_blocks .program_block:nth-of-type(even) .program_block_content a i{
    color:black;
}
.program_blocks .program_block:nth-of-type(even) .program_block_content a:hover{
    color:black;
}
.program_blocks .program_block:nth-of-type(odd) .program_triangle{
    width: 0;
    height: 0;
    border-top: 100px solid black;
    border-left: 60px solid transparent;
    position:absolute;
    left:0;
    margin:auto;
    margin-left:-30px;
}
.program_blocks .program_block:nth-of-type(even) .program_triangle{
    width: 0;
    height: 0;
    border-top: 100px solid #890023;
    border-right: 60px solid transparent;
    position:absolute;
    right:0;
    margin:auto;
    margin-right:-30px;
}
.la_product_slide_photo{
    padding:0 10%;
}
.la_product_slide_photo img{
    width:100%;
}
.la_product_slide_text{
    padding:3rem 10% 3rem 0;
}
hr { 
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 1px;
border-color:#D3D3D3;
} 

/*PREFOOTER*/
.prefooter{
    background:#890023;
    color:white;
    text-align:center;
    padding:3rem 0;
}
.prefooter h3{
    display:inline-block;
    text-transform:uppercase;
    font-weight:300;
    margin:0;
    vertical-align: middle;
    margin-right:2rem;
}
.prefooter_button{
    display:inline-block;
}




/*FOOTER*/

.footer{
    background:black;
    padding:5rem 0;
}
.footer h3{
    color:white;
    font-size:18px;
    margin:0;
}
.footer h3::after{
    content:'';
    display:block;
    width:100%;
    height:3px;
    background:#890023;
    margin:1rem 0;
}
.footer .textwidget ul{
    list-style:none;
    margin:0;
    padding:0;
    color:white;
    font-weight:300;
}
.footer .textwidget ul li{
    margin-bottom:1rem;
}
.footer .textwidget ul li a{
    color:white;
}
.footer .textwidget ul li a:hover{
    font-weight:700;
}
.footer .textwidget.footer_social{
    font-size:28px;
}
.footer .textwidget.footer_social ul li{
    display:inline-block;
    margin-right:0.5rem;
}
.footer .textwidget.footer_social ul li a{
    color:#b1002d;
}
.footer .textwidget.footer_social ul li a:hover{
    color:white;
}
.footer_copyright{
    color:#eee;
    font-size:11px;
    text-align:center;
    font-weight:300;
    margin-top:4rem;
}
.footer_copyright a{
    color:white;
    font-weight:400;
}

input#gform_submit_button_1{
    display: inline-block;
    padding: 1rem 3rem;
    border: 1.5px solid #890023;
    color: white;
    background: #890023;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

input#gform_submit_button_1:hover {
    color: white;
    background: black;
    border-color: white;
}



/*ANIMATIONS*/
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeinout {
    0%,100% { opacity: 0; }
    50% { opacity: 1; }
}






.gform_body input[type=text]{
    border: 1px solid #bfbfbf;
}



/*Blog Css*/


.lwy_post{
    margin-bottom:2rem;
}
.lwy_post_image{
    position:relative;
    width:100%;
    padding-bottom:60%;
    overflow:hidden;
}
/*.jws_post_image a{
    display:block;
    width:100%;
    height:100%;
}*/
.lwy_post_image img{
    min-width:100%;
    min-height:100%;
    max-width:500px;
    position:absolute;
    margin:auto;
    top:-9999px;
    bottom:-9999px;
    left:-9999px;
    right:-9999px;
}


.lwy_post h4 a{
color: #890023;
font-size: 20px;
}
.lwy_post h4 a:hover{
color: #d00c3e;
}


.lwy_post p.readmore a{
    color: black;
    font-weight:400;
    text-transform:uppercase;
}
.lwy_post p.readmore a:hover{
    color: #890023;
}
.lwy_post a i{
    color: #890023;
}
.lwy_post_pagination{
    font-size:18px;
    border-top:1px solid #555556;
    padding-top:3rem;
}
.lwy_post_pagination a{
   color: #890023;
}
.lwy_post_pagination a:hover{
    color:black;
}
.lwy_post_pagination i{
   color: #890023;
}
.lwy_posts_next{
    text-align:right;
}


.single h3{
color: #890023;
}

/*Blog Css end*/