/*
 Theme Name:   St Andrews
 Theme URI:    http://standrews.co.za/
 Description:  Theme for St Andrew's School for Girls
 Author:       Dessembly
 Author URI:   http://dessembly.com
 Template:     enfold
 Version:      1.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  enfold
*/

@import url("../enfold/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */
#top .social_bookmarks li a {
    font-size: 26px;
}

span.avia-menu-text, ul#menu-top-nav li a {
    font-family: Cambria, Tahoma, Arial, sans-serif;
}

*, p, a, li, span, strong, h1, h2, h3, h4, h5, h6 {
 font-family: Cambria, Tahoma, Arial, sans-serif !important;
}

.main_color .container {
    background: #f1f1f1 !important;
}


/* GENERAL STYLES
----------------------------------------------*/

body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

/* Adding spacing to text with images pre and post */

.pre-text  { margin-top: 40px; }
.post-text { margin-bottom: 40px; }


/* --- Page Titles --- */

.title_container {
	background: #00AEE9 url('http://girlsschool.co.za/wp-content/uploads/2015/08/rose-pattern2.png') repeat;
}

.main-title a {
	display: block;
	color: white!important;
	font-size: 2em;
	padding: 2rem 0;
}

.alternate_color .breadcrumb {
	color: #ffffff;
	font-size: .85em;
}

.alternate_color .breadcrumb a{
	color: #3F2417;
}


.is-mobile {
	display: block;
}

/* -- Widget Titles ---*/

/* Force widget titles to stay certain size*/

h3.widgettitle {
    font-size: 18px!important;
}

/* --- Remove image hover --- */

.image-overlay {
	display: none !important;
	opacity: 0 !important;
}

/* -- House Titles ---*/

.house-title h3, .matric-title h3 {
    color: white!important;
    padding: 1em!important;
    display: block;
}

.house-selborne h3 { background: #074b94 url('http://girlsschool.co.za/wp-content/uploads/2015/08/rose-pattern2.png') }
.house-farrar h3   { background: #ce0000 url('http://girlsschool.co.za/wp-content/uploads/2015/08/rose-pattern2.png') }
.house-athlone h3  { background: #1f9c07 url('http://girlsschool.co.za/wp-content/uploads/2015/08/rose-pattern2.png') }
.house-milner h3   { background: #f5c400 url('http://girlsschool.co.za/wp-content/uploads/2015/08/rose-pattern2.png') }
.matric-title h3   { background: #074b94 url('http://girlsschool.co.za/wp-content/uploads/2015/08/rose-pattern2.png') }

/* Header Section
---------------------------------------------*/

header#header {
    box-shadow: 0 2px 5px rgba(0,0,0,.3);
}

/* Stylng the top header navigation */

#nav_menu-2 {
	display: none;
}


.sa-school-select-menu {
	background: #432719;
}

/*#footer {
background: rgba(97,60,37,1);
background: -moz-linear-gradient(top, rgba(97,60,37,1) 0%, rgba(61,35,22,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(97,60,37,1)), color-stop(100%, rgba(61,35,22,1)));
background: -webkit-linear-gradient(top, rgba(97,60,37,1) 0%, rgba(61,35,22,1) 100%);
background: -o-linear-gradient(top, rgba(97,60,37,1) 0%, rgba(61,35,22,1) 100%);
background: -ms-linear-gradient(top, rgba(97,60,37,1) 0%, rgba(61,35,22,1) 100%);
background: linear-gradient(to bottom, rgba(97,60,37,1) 0%, rgba(61,35,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#613c25', endColorstr='#3d2316', GradientType=0 );
}*/

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

#header_main {
	border-bottom: none!important;
}


#top #header_main_alternate {
	background-color:transparent!important;
}

/* Top Menu
---------------------------------------------*/

#header_meta #searchform {
float: right;
position: relative;
}

#header_meta .sub_menu {
float: right;
}




/* HOME PAGE
--------------------------------------------*/


.sta-img {
	border:5px solid white!important;
	box-shadow: 0 5px 12px rgba(0,0,0,.4);
}

/* Google Calendar Feed Styling */
.gce-widget-grid .gce-calendar .gce-has-events .gce-feed-235 {
	background: #6ACFF6!important;
	color: white!important;
}

.gce-widget-grid .gce-calendar .gce-has-events .gce-feed-236 {
	background: #42271A!important;
	color: white!important;
}



.sidebar .widgettitle {
    display: block;
    background: #3F2417 url('http://girlsschool.co.za/wp-content/uploads/2015/08/rose-pattern2.png');
    color: white!important;
    padding: 1em;
}


/* Footer Section
-----------------------------------------------*/

#footer .widgettitle {
	color: #ffffff!important;
	margin-bottom: 1.5em;
}

#footer .menu .menu-item {
    border-bottom: 1px dotted #a67d69;
    padding: 6px 0;
}

#footer .menu .menu-item:first-child {
    border-top: 1px dotted #a67d69;
}

ul.really_simple_twitter_widget li:first-child {
    border-top: 1px dotted #a67d69;
    padding-top: 1.5em;
}

ul.really_simple_twitter_widget li {
    margin-bottom: 1.5em;
    border-bottom: 1px dotted #a67d69;
    padding-bottom: 1.5em;
}


/* Policies Page
------------------------------------------------*/

.sta-policies .iconlist_title {
	text-transform: none;
	font-weight: 300;
	font-size: 1em;
}

.sta-policies  .iconlist_icon {
  height: 50px;
  width: 50px;
  line-height: 52px;
  font-size: 26px;
  text-align: center;
  border-radius: 500px;
  position: relative;
  float: left;
  margin-right: 30px;
  margin-left: 2px;
  z-index: 5;
  color: #fff;
  background: #074B94!important;
}


/* PAGE - SENIOR NEWSLETTER
-------------------------------------------------*/

.news-letter-thumb img {
	box-shadow: 0 0 15px rgba(0,0,0,.2)
}


/* PAGE - JOB LISTINGS
-------------------------------------------------*/

.position h3 {
	font-size: 21px!important;
}


/* Socket Section
-------------------------------------------------*/


#socket {
  min-height: 110px;
}

ul.socket-logos  {
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -230px;
	margin-top: 40px;
}
ul.socket-logos li {
  display: block;
  margin: 0 5px;
}

ul.socket-logos li a {
  width: 140px;
  height: 66px;
  background: white;
  -webkit-border-radius: 3px;
  	 -moz-border-radius: 3px;
  		  border-radius: 3px;
  display: block;
  text-align: center;
  padding: 5px 10px;
}

ul.socket-logos li a img {
	height: inherit;
}


#socket {
    min-height: 170px;
}




/* --- MEDIA QUERIES
**********************************************************************/


@media screen and (min-width: 480px) {

ul.socket-logos li {
  display: inline-block;
  margin: 0 5px;
}

}


@media screen and (min-width: 768px) {


.main_color {
	border: none!important;
	background: #e3e3e3;
}

.main_color .container {
	background: #ffffff;
	box-shadow: 0 0 24px rgba(0,0,0,.2);
	top: -2em;
}

.home .main_color {
	border: none!important;
	background: #ffffff;
}

.home .main_color .container {
	background: transparent;
	box-shadow: none;
	top: 0;
}

/* Header Section
---------------------------------------------*/

/* Styling the widget area in the header */
#header .widget {

  padding-top: 0;
  position: absolute;
  z-index: 100;
}

/* Main Menu
---------------------------------------------*/


.main_menu ul.menu > li > a {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-right: 1%;
	padding: 0 30px!important;
	text-align: center;
	white-space: nowrap;
}

.main_menu .current-menu-item  > a {
	background:#00AEE9!important;
}

/* Stylng the main navigation */

.main_menu ul.menu > li {
	width: 25%;
}

.main_menu .sub-menu li {
	white-space: nowrap;
}

.sub-menu {
	width: auto!important;
}

.main_menu .sub-menu li a {

    padding: 5px 15px!important;
}

/* Stylng the top header navigation */

#nav_menu-2  {
	display: block;
	right: 119px;
	top: 60px;
}

#nav_menu-2 ul {
	font-size: 0;
	zoom: 1;
}

#nav_menu-2 ul li {
	display: inline-block;
}

#nav_menu-2 ul > li a {
	display: block;
	background: #074B94;
	color: white!important;
	padding: .5em 1em;
	font-size: .75rem;
	font-weight: normal;

	-webkit-transition:all .4s ease-in-out;
	   -moz-transition:all .4s ease-in-out;
			transition:all .4s ease-in-out;
}

#nav_menu-2 ul > li a:hover {
	box-shadow: inset 0 3px 21px rgba(0,0,0,.6);
}

#nav_menu-2 ul > li:first-child a{
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#nav_menu-2 ul > li:last-child a{
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

#search-3 {
	right: 119px;
	top: 10px;
}

/* Top Menu
---------------------------------------------*/

#header_meta #searchform {
	float: right;
	position: relative;
	margin: 1em 0;
}

#header_meta .sub_menu {
float: right;
}

/* HOME PAGE
----------------------------------------------*/

.sta-home-container {
	box-shadow: 0 0 15px rgba(0,0,0,.2);
}


/* FEES PAGE
----------------------------------------------*/


.fees-preschool, .fees-junior, .fees-senior {
	border: 5px solid #ffffff!important;
	box-shadow: 0 0 24px rgba(0,0,0,.2);
}

ul.socket-logos  {

	margin-top: 0;
}


}/*END 768*/


@media screen and (min-width: 992px) {

#nav_menu-2, #search-3  { right: 55px; }

.is-mobile {
	display: none;
}

}/*END 992*/

@media screen and (min-width: 1439px) {

#nav_menu-2, #search-3  { right: 116px; }

}/*END 992*/


@media screen and (min-width: 1900px) {

#nav_menu-2, #search-3 { right: 360px; }

}/*END 1200*/


@media screen and (min-width: 2500px) {

#nav_menu-2, #search-3 { right: 660px; }

}/*END 1200*/


/*
Custom by James
*/
.mfp-title, .mfp-counter {
    display: none;
}

body.single-job_listing .title_container .entry-title {
    display: none
}

body.single-job_listing .single-big > a > img {
    margin: 0 auto
}

.tab {
    font-size: 14px !important;
}