/*

Theme Name: Foundations in Learning
Author: Cecile Williams
Author URI: http://ceciledesignstudio.com/
Version: 1.0.0
Template: pro

*/

/* --------- TYPOGRAPHY ----------- */

h2 {
    font-size: 30px;
    line-height: 1.3em;
    margin-bottom: 0.3em;
    font-weight: 300 !important;
    color: #186597 !important;    
}
h3 {
    font-size: 26px;
    font-weight: 700 !important;
    line-height: 1.6em;
    color: #414141 !important;    
}
.h-widget,
h4 {
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 18px;
}
h5 {
    font-size: 18px;
    font-weight: 700 !important;
}
a {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

h1>a, h2>a, h3>a { color: #dc7328 !important; }
h1>a:hover, h2>a:hover, h3>a:hover { color: #ba2127 !important; }

.dark h1, .dark h2, .dark h3, .dark h4 { color: white !important; }

@media (max-width:767px){
    h3 {
        font-size: 22px;
        line-height: 1.4em;
    }
    .center-mobile { text-align: center; }
}

/* --------- BUTTONS ----------- */

.x-btn, .button, [type="submit"] {
    text-shadow: none !important;
    padding-bottom: 8px;
}

/* --------- HEADER ----------- */

.x-navbar .desktop .x-nav>li>a>span {
	display: flex; 
	max-width: 150px;
	height: 50px;
    align-items: center;
	text-align: center;
}
.x-navbar .desktop .x-nav li>a>span:after {
    content: "\f107";
	display: flex;
    align-items: center;
}
.desktop .sub-menu li>a span { display: flex; }

.desktop .sub-menu li:before,
.desktop .sub-menu li:last-child:after { display: none; }

.desktop .sub-menu {
    font-size: 15px;
    padding: 0 20px 10px;
}
@media (min-width:980px) and (max-width: 1299px) {
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) { 
		padding-left: 10px !important;
	    padding-right: 10px !important;
	}
}

/* --------- TOP BAR ----------- */

.x-topbar {
    background-color: #dc7328 !important;
	position: fixed;
	top: 0;
	width: 100%;
    text-align: center;
}
body.logged-in .x-topbar { margin-top: 46px; }
.x-topbar + .x-navbar-wrap { margin-top: 46px; }

.x-topbar .p-info {
	float: none;
	font-size: 12px;
    margin: 8px 0;
	letter-spacing: 0.5px;
	color: #fff !important;
}
@media (min-width: 768px) {
	body.logged-in .x-topbar { margin-top: 32px; }
	.x-topbar .p-info {	float: none; font-size: 14px; }
}

/* --------- PAGE HEADER ----------- */

.x-header-landmark {
    padding: 50px 0;
    background-color: #186597;
    border: 0;
}
.h-landmark, .entry-title.h-landmark {
    letter-spacing: 0;
    color: white;
}
.x-breadcrumbs a, .x-breadcrumbs span {
    color: white;
    font-size: 12px;
}

/* --------- LAYOUT ----------- */

.x-container.offset {
    margin: 5em auto;
}
body.single-success-story .h-landmark,
.single-case-study .x-header-landmark {
    display: none;
}
.single-case-study .entry-content {
    margin-top: 0;
}
body.single-success-story .p-meta>span:nth-child(2):after,
body.single-success-story .p-meta>span:not(:nth-child(2)),
body.single-post .p-meta>span:nth-child(2):after,
body.single-post .p-meta>span:not(:nth-child(2)) { display: none; }

/* --------- BLOG ----------- */

.x-iso-container-posts>.hentry .entry-wrap {
    border: 0;
    background-color: transparent;
}
.entry-title:before { display: none; }

.x-iso-container-posts.cols-2 .entry-wrap {
    padding: 5%;
}

/* --------- FOOTER ----------- */

.x-colophon .widget { margin-top: 0; }

.x-colophon p { color: #bebebe !important; }
.x-colophon h4 { color: white !important; }

.x-colophon .motto {
    margin-bottom: 15px;
    font-weight: 300 !important;
    font-style: italic;
    font-size: 22px;
    line-height: 1.4;
}