/*
 Theme Name:   Divi-Child
 Theme URI:    http://dev.annan/Divi-child/
 Description:  Divi Child Theme
 Author:       Windmill Creative
 Author URI:   http://www.windmillcreative.co.uk
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         Responsive-layout, accessibility-ready
 Text Domain:  Divi-child
testing 123*/

/*---------- [Load The Fonts] ----------*/


/* Headers */


h1 {
	font-size: 60px; !important; line-height: 65px; font-family: 'Assistant', sans-serif; color: #552988; font-weight: 300 !important;

}

h2 {
	font-size: 26px; !important; line-height: 32px; font-family: 'Assistant', sans-serif; color: #552988; font-weight: 300; padding-bottom: 15px !important;
}

h3 {
	font-size: 26px !important; line-height: 32px; font-family: 'Assistant', sans-serif; color: #fff; font-weight: 300 !important; 
    
}

h4 {
	font-size: 18px !important; line-height: 18px; font-family: 'Assistant', sans-serif; color: #552988; font-weight: 400 !important; padding-bottom: 5px !important;
}

h5 {
	font-size: 18px; !important; line-height: 18px; font-family: 'Assistant', sans-serif; color: #552988; font-weight: 400 !important;
}

h6 {
	font-size: 16px; !important; line-height: 16px; font-family: 'Assistant', sans-serif; color: #552988; font-weight: 400 !important;
}


a {
    color: #000;text-decoration: underline;

}

body {
    color: #343434 !important;
    font-weight: 400;
}

a.more-link {
    text-decoration: none;
}


a.et_pb_video_play:before  {
    text-decoration: none !important;
    
}

.annan-footer a {
    color: #fff !important;
    text-decoration: none !important;
}

.et_pb_blog_0 .et_pb_post div.post-content a.more-link {
    font-family: 'Assistant',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 400 important;
    font-size: 18px;
    color: #ffffff!important;
}

.annan-sub-menu-title h2 {
    font-weight: 300 !important;
    font-size: 26px !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: .98;

}

a.et-pb-slider-arrows {
    text-decoration: none !important;
    opacity: 1 !important;
}

a.et_pb_video_play {
    text-decoration: none !important;
}

.et-pb-controllers {
    display: none;
}

/*  Header Bar */

.et_header_style_fullscreen .et_slide_menu_top {
        padding-top: 3%;
}

.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
    top: 15px !important;
}


.et_header_style_fullscreen .et_slide_menu_top .et-search-form {
    border: 1px solid #fff !important;
    border-radius: 1px;
    
}


.et_pb_top_menu_inner .et-search-form input {
    font-size: 20px;
}


#main-header {
    background-color:rgba(255, 255, 255, 0) !important;
    
}

.et_header_style_fullscreen .et_slide_menu_top .et-search-form {
    min-width: 180px;
    width: 180px!important;

}
    
.et-search-field::-webkit-input-placeholder { /* WebKit browsers */
font-size:20px !important;
}
.et-search-field:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
font-size:20px !important;
}
.et-search-field::-moz-placeholder { /* Mozilla Firefox 19+ */
font-size:20px !important;
}
.et-search-field:-ms-input-placeholder { /* Internet Explorer 10+ */
font-size:20px !important;

}

#main-content .container:before {
width: 0;
}


/* Overlay Menu Mods */

#main-header {
    top:2% !important;
}

.et_header_style_fullscreen .et_slide_in_menu_container {
    -webkit-transition: none !important;
    transition: none !important;
}

span.mobile_menu_bar:after {
    content: 'Menu';
    position: relative;
    bottom: 10px;
    cursor: pointer;
    right: 125px;
    color: #fff;
    font-size: 25px;
    cursor: pointer;
    font-family: 'Assistant';
}

.et_pb_fullscreen_menu_opened span.mobile_menu_bar:after {
    display: none !important;
}


.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
    position: absolute;
    left: 81.5% !important;
}

       
.mobile_menu_bar:before {
    color: #fff !important;
    background-color: #bad533;
    font-size: 45px!important;
    font-weight: 300 !important;
    padding-bottom: 0px !important;
}

.logo_container {
    margin-top: 10px;      
}

.mobile_menu_bar .et_pb_header_toggle {
    top: 10px !important;
}



#mobile_menu_slide a {
    text-decoration: none;
    font-size: 50px;
    font-family: assistant, sans-serif;
    font-weight: 300; 

}



.sub-menu .et_pb_slide_dropdown_opened {
    line-height: 10px !important;
    padding-bottom: 40px;
}


.et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: .98;
    
}


/*  Other Mods */


a.annan-button{
    text-decoration: none !important;
}

.et_pb_testimonial_author {
    margin-top: 5px;
    
}
       

.et_pb_post div.post-content a.more-link {
    font-family: 'Assistant',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    color: #fff !important;
    display: inline;
    background-color: #b3d040;
    padding: 2px 40px 5px 40px;
    
}

.et_pb_post a.more-link .et_pb_post a:hover  {
    background-color: #d09340;
    
    
}

.entry-title {
    font-size:50px !important;
    
}
       
.post-content-inner {
    padding-bottom: 20px;
}



.search .entry-featured-image-url {
    display: none;
}

    
.search-results #logo {
    content: url(https://www.annanschool.co.uk/wp-content/uploads/2020/08/Annan_logo-240-purple.png)!important;
    padding-bottom: 10px;
}

.et_pb_post .entry-title a, .et_pb_post h2 a {
    font-size: 30px;
}
    

.et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
    font-size: 40px;
    color: #bad533;
    
}

.et_header_style_fullscreen .et_slide_in_menu_container span.et_mobile_menu_arrow {
    opacity: 1;
}



.sub-menu .et_pb_slide_dropdown_opened {
    padding-top: 30px !important;
}

.et_slide_in_menu_container #mobile_menu_slide li li a {
    opacity: 1.0;
    font-size: 30px;
}

.et_pb_widget_area_left {
    border-right: 0px !important;
    
}

.et_slide_menu_top {
    background-color: rgba(72, 33, 201, 0) !important;
}

.et_pb_widget li a:hover {
    color: #552988 !important;
    
}

/* Remove meta data */
.search-results .post-meta {
display: none;}


/*------Windmill Slider Amends------*/
  
.et_pb_bg_layout_dark .et_pb_slide_description {
    text-shadow: none;
}

.et_pb_slide_content p:last-of-type {
    padding-bottom: 0;
    padding-right: 10px;
}

.et_pb_slide_image {
    padding-left: 10px;
    
}

.post-template-default #logo {
   content: url(https://www.annanschool.co.uk/wp-content/uploads/2020/08/Annan_logo-240-purple.png)!important;
}


.et_slide_menu_top {
    background-color: rgba(72, 33, 201, 0) !important;
}

#logo {
    max-height: 100% !important;
}

.et_pb_slide_image {
    display: block!important;
}

.et-pb-arrow-prev:before {
    font-size: 60px;
    margin-left: -25px;
    font-weight: 300;
}

.et-pb-arrow-next:before {
    font-size: 60px;
    margin-right: -25px;
    font-weight: 300;
}

.et-pb-arrow-next:hover .et-pb-arrow-prev:hover {
        right: 0px !important;
}

.annan-image-slider a.et-pb-arrow-prev {
    left: 0 !important;
}

.annan-image-slider a.et-pb-arrow-next {
    right: 0 !important;
}

.et_pb_bg_layout_light .et-pb-controllers .et-pb-active-control {
    bottom: 0px !important;
    background-color: #552988;
    
}

.bottom-controller-divislider .et-pb-controllers {
    display: flex;
}

.et-pb-controllers {
    bottom: 0px;
    
}

.et-pb-controllers a {
    display: inline-block;
    background-color: hsla(0,0%,100%,.5);
    text-indent: -9999px;
    border-radius: 0px;
    width: 25px;
    height: 7px;
    margin-right: 10px;
    padding: 0;
    opacity: .5;
}

.annan-image-slider .et-pb-slider-arrows {
    opacity: 1;
}

.annan-image-slider .et-pb-arrow-prev {
    left: 0px;
    opacity: 1;
    color: #fff !important;
    padding-left: 22px;
    text-decoration: none;
    background-color: #552988;
}

.annan-image-slider .et-pb-arrow-next {
    right: 0px;
    opacity: 1;
    color: #fff !important;
    padding-right: 22px;
    text-decoration: none;
    background-color: #552988;
}

.et_pb_gallery_image {
    padding-bottom: 10px;


}

.tablepress tfoot th, .tablepress thead th {
    background-color: #552988 !important;
    font-weight: 600;
    color: #fff;
}

/*------Ninja Form Mods------*/

.nf-field-label label {
    font-weight: 300 !important;
    margin: 0;
    padding: 0;
    
}

.nf-form-content input[type=button] {
    background: #552988 !important;
    border: 0;
    color: #fff;
    padding-bottom: 35px;

}

.nf-form-content input.ninja-forms-field {
    height: 40px !important;
}

.nf-form-fields-required {
    font-size: 12px;
    margin-bottom: 5px;
}

.nf-form-content {
    padding: 0px !important;
    
}


/*------Accordian Mods------*/

.et_pb_toggle_title:before {
   content: "\4c";
   transition: all .3s ease-in-out;
    color: #a992bd!important;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
   content: "\4c";
   transform: rotate(180deg);
    color: #a992bd!important;
}

.et_pb_accordion_0.et_pb_accordion .et_pb_accordion_item {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
}

.et_pb_gutters4 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters4.et_pb_row .et_pb_column_2_3 .et_pb_module {
    margin-bottom: 0%;
    
}

/*------Testimonial Mods------*/

.et_pb_testimonial .et_pb_testimonial_content p {
    padding-bottom: 10px;
}


/*------Change Active Menu Item Colour------*

/*This will change the active main menu item colour*/
.annan-sub-menu li.current-menu-item > a {
    color: #552988 !important;
}
/*This will change the active main menu item colour when a submenu item is active*/
.annan-sub-menu li.current-menu-ancestor > a {
    color: #552988 !important;
}
/*This will change the active submenu item colour*/
.nav li ul .current-menu-item a {
    color: #552988 !important;
}

a.et_pb_video_play .et_pb_video_overlay_hover {
    text-decoration: none !important;
}

/*----End Change Active Menu Item Colour----*/

.cn-button.bootstrap {
    color: #fff;
    background: #a4bf39;
    border-radius: 1px;
}


/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
   
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    /* your css goes here */
  
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */
    
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    /* your css goes here */
    
}


/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* your css goes here */
    
   .et_header_style_fullscreen .et_slide_menu_top {
        padding-top: 2% !important;
       
}
       
h1 {
	font-size: 52px !important; line-height: 55px !important;

}

h2 {
	font-size: 22px !important; line-height: 28px !important;
}

h3 {
	font-size: 22px !important; line-height: 28px !important; 
}

h4 {
	font-size: 16px !important; line-height: 16px !important; 
}

h5 {
	font-size: 16px !important; line-height: 16px !important;
    
}

h6 {
	font-size: 16px !important; line-height: 16px !important;
    
}
    
et_pb_testimonial_content {
    font-size: 26px !important;
    }
    
.et_pb_testimonial * {
         font-size: 26px !important;
        
    }
        
.et_pb_testimonial_author {
    font-size: 16px !important;
    
    }
    
.et_mobile_menu li a { font-size: 32px !important; }

.et_pb_slide_dropdown_opened li a { font-size: 26px !important; }
    
.et_header_style_fullscreen .et_slide_menu_top .et-search-form {
    min-width: 120px;
    width: 120px!important;
    margin-left: -50px;
        
}
    
    
.et_header_style_fullscreen .et_pb_top_menu_inner {
    position: relative;
    display: inline-block;
    padding-top: 35px;
    
    }
    
.et_header_style_fullscreen .et_slide_in_menu_container input.et-search-field {
    font-size: 20px!important;
        
    }
        

.et_slide_in_menu_container #mobile_menu_slide li li a {
    margin-left: -25px;
    line-height: 5px;
    
}
    
.container.et_menu_container {
    margin-top: -20px !important;
    

    }

    .header-picture img {
        height: 250px !important;
        object-fit: cover !important;
        
    }
       
span.mobile_menu_bar:after {
    content: 'Menu';
    cursor: pointer;
    font-size: 25px;
    cursor: pointer;
    display: none;
    
}
    @media (max-width: 767px)
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
    top: 12px;
      
       
}
}

  
    
    
    






