/*
Theme Name: Agile ICT Child
Theme URI: http://www.agileict.co.uk
Author: Agile ICT Ltd
Author URI: http://www.agileict.co.uk
Description: Wordpress theme used for Agile ICT Websites
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: orange
Template: agile-ict
*/

@import url("../agile-ict/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

body
{
    padding: 0;
    margin: 0;
}

#main-header
{
    display: none;
}

#page-container
{
    padding: 0 !important;
}

#chis-logo
{
    width: 100px;
    position: absolute;
    top: 27px;
    z-index: 2;
    border-radius: 50%;
    margin-left: 10%;
}

#menu-main-menu
{
    margin-left: 6%;
}

#chis-home-slideshow-section, #chis-home-slideshow, .et_pb_slides, .et_pb_container.clearfix
{
    width: 100%;
    height: calc(100% - 72px);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.et_pb_slide_0.et-pb-active-slide, .et_pb_slide_1.et-pb-active-slide, .et_pb_slide_2.et-pb-active-slide, .et_pb_slide_3.et-pb-active-slide, .et_pb_slide_4.et-pb-active-slide, .et_pb_slide_5.et-pb-active-slide, .et_pb_slide_6.et-pb-active-slide, .et_pb_slide_7.et-pb-active-slide, .et_pb_slide_8.et-pb-active-slide
{
    height: 100vh;
}

#chis-slideshow-header-section
{
    display: flex;
	width: 750px;
    margin: auto;
    padding: 0;
    top: 5vh;
    background-color: transparent;
    z-index: 1;
}

.slideshow-header-h3
{
	font-size: 60px;
	font-family: 'Amatic SC', cursive;
	color: #ffffff;
	text-shadow: 0 0 15px #000;
	padding-bottom: 35px;
	white-space: nowrap;
}

.slideshow-header-p
{
	font-size: 120px;
	font-family: 'Amatic SC', cursive;
	color: #ffffff;
	text-shadow: 0 0 15px #000;
	white-space: nowrap;
}

.fullwidth-menu-nav
{
    text-align: center;
}

#chis-main-menu-section
{
    background-color: white;
    top: -45px;
    z-index: 2;
    margin-bottom: -10px;
}

#chis-quick-links p
{
    position: relative;
    left: -150px;
}

/* .et_pb_fullwidth_menu .fullwidth-menu-nav > ul:first-child::before
{
    content: "";
    background-image: url('http://www.chisupgrade.agilewebsites.co.uk/wp-content/uploads/2016/05/logo.png');
    background-size: contain;
    height: 100px;
    margin: 0px 30px;
    width: 100px;
    padding-bottom: 21px;
    background-repeat: no-repeat;
} */

#menu-main-menu
{
    align-items: center;
    display: flex;
    justify-content: center;
}

#menu-main-menu > li > a.menu-image-title-after
{
    height: 120px;
    line-height: 100px;
}

.fullwidth-menu li a
{
	color: #d44849;
	font-family: Bitter;
}

.fullwidth-menu li li a
{
	width: 240px;
	padding: 10px 20px;
}

.et_pb_fullwidth_menu .fullwidth-menu-nav > ul ul
{
    padding: 0px 0 !important;
}

nav li li
{
	padding: 0 !important;
}

.sub-menu {
    box-shadow: 0px 25px 25px #0000001a !important;
}

#chis-news-ticker-section
{
    background-color: #d44849 !important;
    position: relative;
    z-index: 1;
    top: 2px;
}

#chis-news-ticker
{
    padding: 20px 0 !important;
    color: #ffffff;
    font-family: 'Bitter', cursive;
}

.home #chis-breadcrumbs-section
{
    display: none;
}

#chis-breadcrumbs-section
{
    position: relative;
    top: 0px;
	z-index: 0;
}

#chis-breadcrumbs-row
{
    padding: 1em 0;
}

#chis-breadcrumbs
{
    color: #ffffff;
}

#chis-breadcrumbs a, .breadcrumb_last 
{
    color: #ffffff;
}

#content-area
{
    position: relative;
    top: -74px;
}

#main-content
{
	margin-top: 50px;
}

.home #main-content
{
	margin-top: 0px;
}

#main-content .container::before
{
    background-color: transparent;
}

.et_right_sidebar #sidebar
{
	padding: 0 !important;
}

.spiffy-minical-block {
    width: 230px;
}

.et_pb_widget ul li a
{
	display: block;
    background-color: #d44849;
    color: #fff;
    padding: 10px;
    min-width: 121px;
}

/* Sidebard animaions */

.et_pb_widget li
{
    cursor: pointer;
    transition-timing-function: ease-out;
    transition-duration: 0.3s;
}

.et_pb_widget li a:hover
{
    color: #ffffffb3 !important;
    background-color: #d44849cc;
    transition-timing-function: ease-out;
    transition-duration: 0.3s;
}

/* Calendar Module */

.spiffy-minical-block {
    width: 230px;
}

.calendar-heading
{
    color: #fff;
    background-color: #D44849;
    border: 0px solid #fff;
}

.calendar-date-switcher
{
    background-color: #D44849;
    color: #fff;
}

td.calendar-prev a, td.calendar-next a
{
    color: #fff;
}

.normal-day-heading
{
    border: 1px solid #D4484933;
    background-color: #D448491A;
}

.weekend-heading
{
    border: 1px solid #D4484933;
    background-color: #D448491A;
    color: #D44849;
}

span.weekend
{
    color: #D44849;
}

.day-with-date
{
    border: 1px solid #D4484933;
}

#main-footer
{
    position: static;
    background-color: transparent !important;
    width: 100%;
    bottom: 0;
    border-top: 3px solid #d44849;
}

.home #main-footer
{
    position: absolute !important;
    width: 100%;
    bottom: 0;
    border-top: 0px solid #ffffff;
}

.home #main-footer::before
{
    content: "";
    background-image: url(https://www.croftonhammond-inf.hants.sch.uk/wp-content/uploads/2017/12/chis-after.png);
    display: block;
    width: 100%;
    height: 168px;
    background-size: initial;
    background-position: center;
}

#footer-info {
	float: none !important;
    padding-bottom: 10px;
    color: #666;
    text-align: center;
}

/*
 * Mobile Styles go here:
 * 
*/

@media only screen and (max-width: 2171px)
{
    #chis-logo
    {
        margin-left: 10%;
    }
}

@media only screen and (max-width: 1957px) {
    #chis-logo {
        margin-left: 10%;
    }
}

@media only screen and (max-width: 1743px) {
    #chis-logo {
        margin-left: 10%;
    }
}

@media only screen and (max-width: 1529px) {
    #chis-logo {
        margin-left: 6%;
    }
}

@media only screen and (max-width: 1315px) {
    #chis-logo {
        margin-left: 5%;
    }
}

@media only screen and (max-width: 1101px) {
    #chis-logo {
        margin-left: 3%;
    }
}

@media only screen and (max-width: 980px) /* Default WP Mobile Size */
{ 
	#chis-main-menu-section
	{
		min-height: 140px; 
	}
	
	.et_pb_slides
	{
		height: calc(100% - 50px);
	}
	
	#chis-logo
	{
		margin: 6px 38% !important;
	}
	
	.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu
	{
        padding-top: 38px !important;
    }
	
	ul#mobile_menu1
	{
        margin-top: 22px;
    }
}

@media only screen and (max-width: 767px)
{
	.slideshow-header-h3, .slideshow-header-p
	{
		color: #d44849 !important;
		text-shadow: 0 0 1px transparent !important;
	}
}

@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3)
	{
	    #chis-slideshow-header-section
	    {
			width: 414px;
	    	margin-left: 0px;
	    }
	
	    .slideshow-header-h3
	    {
	    	font-size: 35px;
			text-align: center !important;
	    }
	
    	.slideshow-header-p
	    {
	    	font-size: 67px;
			text-align: center !important;
	    }
		
		div#chis-slideshow-header-column {
            margin-left: -10px;
        }
	}

@media only screen and (max-width: 375px)
{	
	.slideshow-header-h3
	{
		font-size: 25px;
		padding-bottom: 14px;
		text-shadow: 0 0 1px transparent !important;
		color: #d44849;
	}
	
	.slideshow-header-p
	{
		font-size: 50px;
		text-shadow: 0 0 1px transparent !important;
		color: #d44849;
	}
	
   #chis-slideshow-header-section
	{
		width: 400px;
		top: 0vh;
	}
}

@media only screen
	and (device-width : 320px)
	and (device-height : 568px)
	and (-webkit-device-pixel-ratio : 2)
    {
	    #chis-slideshow-header-section
	    {
			width: 320px;
	    	margin-top: -70px;
			margin-left: 0px;
	    }
		
		div#chis-slideshow-header-text
		{
			text-align: center;
		}
	
	    .slideshow-header-h3
	    {
	    	font-size: 24px;
			text-align: center !important;
	    }
	
    	.slideshow-header-p
	    {
	    	font-size: 50px;
			text-align: center !important;
	    }
		
		div#chis-slideshow-header-column {
            margin-left: -10px;
        }
	}