/*
Theme Name: Sherborne Abbey Primary
Theme URI: https://sherborneabbey.dorset.sch.uk/
Author: D2 Creative
Author URI: http://www.d2creative.co.uk
Description: Wordpress theme for Sherborne Abbey Primary School
Version: 1.0
*/

/* primary: #3c4042 */
/* secondary: #b31316 */
/* tertiary: #d4d4d4 & #eeeeee */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* #Preloader
================================================== */	
#preloader { position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:9999; }
#status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/loading.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; }

/* #Basic Styles
================================================== */
html, body { height:100%; }
body { background:#ccc;	font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal; font-size:18px; color:#545454; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
		
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 { color: #b31316; font-family: 'Open Sans', sans-serif; font-weight:700; font-style:normal; line-height:1.2em; margin-bottom:30px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 48px; }
h2 { font-size: 24px; color:  #b31316 }
h3 { font-size: 21px; }
h4 { font-size: 18px; }
p { margin:0 0 22px; line-height:1.4em; }
p img { margin: 0; }	
em, i { font-style: italic; }
strong, b { font-family: 'Open Sans', sans-serif; font-weight:700;  }
small, .small { font-size: 80%; }
blockquote, blockquote p { color: #666; font-style: italic; }
blockquote { margin: 0 0 25px; padding: 10px 25px 0 25px; border-left: 1px solid #ebebeb; }
blockquote cite { display: block; font-size: 20px; color: #828282; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #828282; }
hr { border:solid #dedede; border-width:1px 0 0; clear:both; margin:22px 0 24px; height:0; }		
sub, sup  { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 
sup { top: -0.6em; } 
sub { bottom: -0.25em; } 	
.e404 { display:block; font-size:150px; color:#ebebeb; margin:0 0 20px; }
.center { text-align:center; }	

/* #Links
================================================== */
a { color: #b31316; text-decoration:none; outline:0;  }	
a img { border:none; }
	
/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; font-size:18px; }
ul { list-style: outside; list-style-type: disc; margin:0 0 30px 50px; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left:20px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 10px; font-size: 100%; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height:1.4em; margin-bottom: 3px; }
li::marker {color: #b66b38 }

.website-policy ol { counter-reset: list;}
.website-policy li:before { margin: 0 .15em 0 0; padding: .02em .3em .02em .3em; text-align:right; display:inline-block; }
.website-policy li:before { content: counters(list, ".") ". "; counter-increment: list;}
.website-policy .alpha { list-style-type: lower-alpha; }



/* #Buttons
================================================== */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { border:none !important; background:#b31316; color: #fff; display:inline-block; font-family: 'Open Sans', sans-serif; font-size:18px; font-weight:700; text-align:center; text-decoration:none; text-transform:uppercase; cursor:pointer; position:relative; margin-bottom:20px; height:44px; line-height:44px; width:auto; padding:0 25px; border-radius: 4px; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -webkit-appearance: none; -moz-appearance: none; letter-spacing: 0.5px }
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #3c4042; color:#fff; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button:focus { outline:0; }	
		
/* #Forms
================================================== */
form { position:relative; margin:20px 0; }
fieldset { margin-bottom:20px; }
input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select { box-sizing:border-box; font-family: 'Open Sans', sans-serif; font-weight:700; background:#eee; border:none; height:54px; line-height:54px; padding:0 20px; width:100%; max-width: 100%; color:#4c4c4c; font-size:20px; margin:0 0 15px; outline: none; display: block; position:relative; border-radius:8px; }
select { padding: 0; }
textarea { padding:18px 20px; line-height:1.2em; min-height:122px; overflow:auto; } 
label, legend { display: block; font-size:16px; color:#666; margin:0 0 10px; }	
label span { color:#666; }
.wpcf7-form label { font-weight: bold; text-align: left; font-size: 18px; }
select { width:303px; height:67px; line-height:67px; padding:0 0 0 21px; }	
input[type="checkbox"] { display: inline; margin-right:3px; }	
	
.form { width: 520px; margin:20px auto 0; }
.form form { width:100%; position:relative; margin:0; padding:0; }
.form .done, .form .sending { background:#666; padding:30px; font-size:20px; line-height: 140%; font-weight:600; width:auto; color:#fff; margin:20px 0; display:none; text-align:center; }
.form .done strong, .form .done a { font-weight:700; color:#fff; }
.form .done a { border-bottom:1px solid #fff; }
.form .sending { background:#ebebeb; font-weight:700; color:#828282; }
.form .sending img { position:relative; margin-right:10px; }	
.form label { display:none; }
.form input[type="text"], .form textarea { display:inline-block; } 
.form textarea { margin-bottom:40px; min-height:194px; }
.form input[type="submit"] { margin:0; }
.form .screenReader { left: -9999px; position: absolute; top: -9999px; display:none; }
.form form .error { color:#fd1313; background:#e3e3e3 url(images/alert.png) right 10px no-repeat; position:relative; z-index:55; }
.form form label.error { display:none; border:none; position:absolute; right:9999em; text-indent:-9999em; }	
	
.form form ::-webkit-input-placeholder { color:#ababab; opacity: 1 !important; text-transform: uppercase; }
.form form :-moz-placeholder { /* Firefox 18- */ color:#ababab; opacity: 1 !important; text-transform: uppercase; }
.form form ::-moz-placeholder { /* Firefox 19+ */ color:#ababab; opacity: 1 !important; text-transform: uppercase; }
.form form :-ms-input-placeholder { color:#ababab; opacity: 1 !important; text-transform: uppercase; } 	
	

/* #Tables
================================================== */	
table { border-spacing: 0; border-collapse:collapse; max-width:100%; margin:0 0 40px; font-weight:normal; font-style:normal; }
th, td { color: #545454; padding:18px 20px 20px; line-height:1.2em; text-align:left; vertical-align: middle; border: 1px solid  #d9e3e3; }
th { color:#fff; background: #8A91A2; border: none; }
td:empty { background: none; }
th strong, td strong { font-family:'Montserrat', sans-serif; font-weight:600; font-style:normal; }
th ul, td ul { font-size: 16px; }
th strong { color: #fff; }
td:last-child { border-right: none; }
td:first-child { border-left: none; }


/* #Misc
================================================== */
.no-btm { margin-bottom: 0 !important; }
.quart-btm { margin-bottom: 5px !important; }
.half-btm { margin-bottom: 10px !important; }
.add-btm { margin-bottom: 20px !important; }	
.hdit { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; }	
.uppercase { text-transform:uppercase; }		
.right { float:right; }
.left { float:left; }	
object:focus, embed:focus { outline:none; }

img.alignright { float:right; margin:4px 0 26px 30px; width: auto; height: auto; }
img.alignleft { float:left; margin:4px 30px 26px 0; width: auto; height: auto; }
img.alignnone { display: block; margin:30px 0 15px; width: auto; height: auto; }
img.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; width: auto; height: auto; }
div.aligncenter {margin:20px auto 30px}
img.img-top {margin-top: 6px}
a img.alignright { float:right; margin:4px 0 10px 20px; }
a img.alignleft { float:left; margin:4px 20px 10px 0; }
a img.aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; }	

.cav { top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }	
.cntrd { text-align:center; }
.white { color: #fff; }
.blue { color: #666; }
.red { color: #666; }

#wpgmza_map { margin-bottom: 40px }

/* #Base Grid
================================================== */	
#wrap { width:100%; margin:0 auto; }	
.container { max-width:1770px; margin:0 auto; position:relative; background:#fff; z-index:5; }   	
.col { float:left; width:100%; height:auto; margin:0; position:relative; }
.col.onethird { width:33.33%; }
.col.twothird { width:66.66%; }
.col.half { width:50%; }
.col.quart { width:25%; } 
.col.quart3 { width:75%; }	
.col .inner { margin:0 auto; max-width:1160px; padding:49px 0 70px; position:relative; vertical-align:top; } 	

	
/* #Clearing
================================================== */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* #Site Styles
================================================== */		
#header-wrap { max-width:1770px; width:auto; margin:0 auto; height: 94px; background:#fff; position:relative; z-index:77; border-bottom: 22px solid  #b31316; }
#header-wrap header { max-width:1160px; height:94px; margin:0 auto; position:relative; }	
#header-wrap header .logo { display: block; position: relative;}
#school-logo { width: 275px; height: 79px; left:0; top:5px; z-index:7; }
	
#menu { margin:0 auto; height:120px; font-weight:700; font-style:normal; position:absolute; right:-21px; top:0; text-transform:uppercase; }
#menu ul { margin:0; padding:0; list-style:none; font-size:15px; height:120px; position:relative; }
#menu ul li { display:inline-block; float:left; margin:42px 0 0 0; padding:0 10px; height:80px; line-height:22px; position:relative; z-index:44; text-align: left; } 
#menu ul li a { display:block; color: #b31316; text-decoration:none; }		
#menu a::after, #menu li.current_page_item a::after, #menu li.current_page_parent a::after { position: absolute; top: 43%; left: 21px; width: 100%; width:-webkit-calc(100% - 42px); width:-moz-calc(100% - 42px); width:calc(100% - 42px); height:2px; background:#3c4042; content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, -moz-transform 0.3s; -ms-transition: opacity 0.3s, -ms-transform 0.3s; -o-transition: opacity 0.3s, -o-transform 0.3s; transition: opacity 0.3s, transform 0.3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); }	
#menu a:hover::after, #menu li.current_page_item a::after, #menu li.current_page_parent a::after { opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px); }
* html #menu ul li a { display:inline-block; }
* html #menu { height:1%; }	

#mobmenu { display:none; }	

#menu ul.sub-menu a::after { display: none; }	
nav#menu ul ul.sub-menu { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: #fff; border-color: currentcolor #e6f3fb #e6f3fb; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; display: none; height: auto; left: -1px; list-style: outside none none; opacity: 0; padding: 10px 18px 12px; position: absolute; text-transform: uppercase; top: 75px; visibility: hidden; z-index: 9999; }
nav#menu ul ul.sub-menu li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: currentcolor currentcolor #cdcdcd; border-image: none; border-style: none none dotted; border-width: medium medium 1px; display: inline-block; float: left; height: auto; margin: 0; padding: 7px 0; width: 180px; background:none; font-size: 14px; line-height: 120%; }
nav#menu ul ul.sub-menu li:last-child { border: medium none; }
nav#menu ul ul.sub-menu li a { color:  #b31316; margin: 0; padding: 0; }
nav#menu ul ul.sub-menu li a:hover, nav#menu ul ul.sub-menu li a:focus { color: #3C4042; }
nav#menu ul ul.sub-menu li.current_page_parent, nav#menu ul ul.sub-menu li.current_page_item { border-color: #d7de4a; }
nav#menu ul ul.sub-menu li.current_page_parent a, nav#menu ul ul.sub-menu li.current_page_item a { color: #b66b38 ; }
nav#menu ul li:hover ul.sub-menu { display: block; opacity: 1; visibility: visible}

nav#menu ul li ul.sub-menu ul.sub-menu{ display: none; }

nav#menu ul li:hover ul.sub-menu a { text-decoration: none; }
nav#menu #menu-item-20, nav#menu #menu-item-22, nav#menu #menu-item-310	{width: 140px; text-align: center }
nav#menu #menu-item-20 ul.sub-menu li, nav#menu #menu-item-22 ul.sub-menu li, nav#menu #menu-item-310 ul.sub-menu li	{ text-align: left }

.col.hero { float:none; max-width:1770px; height:100%; margin:0 auto; overflow:hidden; }
.col.hero img { width: 100%; height: auto; }
.col.hero .slide { position:relative; }
.col.hero .slide .inner { max-width:1110px; width: 100%; height:100%; padding:0; position:absolute; left:0; right:0; z-index:7; }
.col.hero .slide .txt { text-align:center; width:80%; margin:0 auto; position:relative; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:5; }
.col.hero .slide h2 { font-size:48px; font-weight:300; color:#fff; margin:0 0 30px; }	
.col.hero .slide .button { margin:0; }
.col.hero .slide img { width:100%; height:500px; object-fit:cover; vertical-align:top; }
/*.col.hero .shadow { width:100%; height:100%; background:url(images/hero-shadow-bg.png) left top no-repeat; background-size: cover; position:absolute; left:0; top:0; z-index:4; } */
.col.hero .slick-prev, .col.hero .slick-next { top: 50%; }
.col.hero .slick-prev { left: 50%; margin:-28px 0 0 -555px; }
.col.hero .slick-next { right: 50%; margin:-28px -555px 0 0; }

.col.titlebar { background: #eee }
.col.titlebar .inner { padding: 49px 0 10px; }
.col.titlebar h1 { font-size: 48px; font-weight: 300; color:#b31316; margin: 0; text-align: left; }
.col.titlebar h1 a { color: #666; }
.col.titlebar.bckbar .inner { padding: 10px 0 14px; }
.col.titlebar.bckbar .bckbtn { font-size: 13px; font-weight: 600; color:  #b31316; text-transform: uppercase; background: url(images/icon-back-arrow.png) left top no-repeat; padding:2px 16px; margin-right: 334px; }
	
.col.content.single .inner { padding:34px 0 70px; }

.tablecol1 { background-color: #FEF7CA; }
.tablecol2 { background-color: #F5F8D0; }
.org-table td { padding: 20px 6px 5px 6px; border-right: 1px solid #dedede; }
.org-table td.last { border-right: none; }
.org-table p { font-size: 12px; margin-bottom: 5px !important; color: #333333 !important; }
.org-table p strong { color: #333333 !important; }
.org-table h3 { font-size: 12px; margin-bottom: 5px !important; color: #333333; }
.org-table ul, .org-table ol { margin-bottom: 15px; }
.org-table li { font-size: 12px; line-height: 120%; margin-bottom: 4px; }

.col.main { width: 825px; margin: 0 30px 0 0; }
.col.main h1, .col.contact-us h2 { font-size: 26px; text-transform: uppercase; }
.col.main h2 {margin-top: 40px}
.col.main a { border-bottom: 1px solid #8A91A2; }

.col.side { width: 255px; margin: 6px 0 0; }
.col.side .col.sbx { box-sizing: border-box; background: #eee; padding:19px 20px 25px; border-radius:8px; margin: 0 0 15px; }
.col.side .col.sbx h2 { font-size: 20px; margin: 0 0 13px; }
.col.side .col.sbx h3 { font-size: 16px; margin: 0; }
.col.side .col.sbx h3 a { border-bottom: 1px solid #666; }
.col.side .col.sbx p { font-size: 14px; margin: 0 0 20px; }
.col.side .button { box-sizing: border-box; width: 100%; float: left; margin: 0 0 15px; font-size: 17px; }
.col.side .social { font-size: 0; }
.col.side .social a { display: inline-block; margin: 0 15px 15px 0; }

.col.side .sidenav { background-color: #3c4042; border-radius: 8px; padding: 20px 20px 10px 20px; margin: 0 0 20px 0; box-sizing:border-box; }
.col.side .sidenav ul { margin: 0 }
.col.side .sidenav li { font-size: 14px; list-style:none; margin-bottom: 8px; padding-bottom: 8px; padding-left: 15px; border-bottom: 1px dotted #fff; background: url(images/nav-arrow.png) left 4px no-repeat; }
.col.side .sidenav li.current_page_item {background: url(images/nav-arrow-current.png) left 4px no-repeat;}
.col.side .sidenav li.current_page_item a { color: #fff }
.col.side .sidenav li:last-child { border-bottom:none; }
.col.side .sidenav li a { color:  #fff; }
.col.side .sidenav h2 { color:  #fff; font-size: 20px; margin-bottom: 15px; font-weight: 600 }
.col.side .sidenav ul ul { padding: 10px 0 0; }

.col.side .sidenav-news { background-color: #f0f4f4; border-radius: 8px; padding: 20px 20px 10px 20px; margin: 10px 0 30px; box-sizing:border-box; }
.col.side .sidenav-news ul { margin: 0 }
.col.side .sidenav-news li { font-size: 14px; list-style:none; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px dotted #fff }
.col.side .sidenav-news li:last-child { border-bottom:none; }
.col.side .sidenav-news li a { color:  #fff; }
.col.side .sidenav-news h2 { color:  #fff; font-size: 20px; margin-bottom: 15px; font-weight: 600 }
.col.side .sidenav-news ul ul { padding: 10px 0 0; }

.col.content.wlcm { background-color: #FFF; } 
.col.content.wlcm .inner { padding: 59px 0 63px; } 
.col.content.wlcm .half { box-sizing: border-box; padding-right: 15px; }
.col.content.wlcm .half.last { padding: 0 0 0 15px; } 
.col.content.wlcm h2 { font-size: 48px; color:  #b31316; font-weight: 300; margin: 0; }
.col.content.wlcm p { line-height: 1.7em; }

.col.lgreybg { background: #d4d4d4; }

.col.content.oschls .inner { padding: 10px 0 57px; }
.col.content.oschls .inner h2 { text-align:center; font-size: 22px; text-transform:uppercase; margin-top: 25px; }
.col.content.oschls h3 { font-size: 23px; color: #143Ec90; font-weight: 600; margin: 25px 0 10px; }
.col.content.oschls p { font-size: 18px; margin: 0 0 5px; line-height: 1.7em }
.col.content.oschls p a { color: #143Ec90; font-weight: 600; margin: 0 0 30px; }
.col.content.oschls .col.half { width: 540px; margin: 0 30px 0 0; }
.col.content.oschls .col.half.last { margin: 0; }

.post { border-bottom: 1px solid #FFF1A7; margin: 0 0 16px; padding: 0 0 11px; }
.post:last-child { border: none; }
.post h3 { font-size: 20px; margin: 0 0 4px; }
.post p { line-height: 1.7em; margin: 0 0 7px; }
.post .price { display: block; font-weight: 700; color: #bd9929; margin: 0 0 13px; }

.col.main .post h1 { margin: 0 0 9px; }
.col.main .post h2 { font-size: 22px; margin: 0 0 6px; }
.col.main .post .price { font-size: 23px; text-transform: uppercase; margin: 0 0 15px; }
.col.main .post h3, .col.page .col.main h3 { margin: 0 0 13px; font-size: 19px }
.col.main .post p, .col.page .col.main p { margin: 0 0 20px; }
.col.main .post p.date { color: #bdbdbd; }
.col.main .post table td:first-child { font-weight: 700; }
.col.main .post img, .col.page .col.main img { max-width: 100%; height: auto; vertical-align: top; }

.col.cntctdtls { background: #eee; border-top: 1px solid #fff } 
.col.cntctdtls .inner { max-width: 810px; padding:31px 0 10px; }
.col.cntctdtls table td { padding: 4px; line-height: 1.7em; vertical-align: top; border: none; }
.col.cntctdtls table td:first-child { padding: 0 10px 0 0; }
.col.cntctdtls table td img { position: relative; top: 6px; }
.col.cntctdtls table td p { margin: 0; line-height: 1.7em; }
.col.cntctdtls table td a { font-weight: 700; border-bottom: 1px solid #666; }

.col.contact-us .inner { max-width: 810px; }
.col.contact-us h2 { margin: 0 0 13px; }
.col.contact-us p { line-height: 1.7em; }

.header-pic { margin-bottom: 20px; }
.header-pic img { width: 100%; height: auto; }
	
footer { height:auto; max-width:1770px; margin:0 auto; font-size: 12px; line-height: 150%; color:#fff; position:relative; background:  #3c4042; }
footer .inner { margin:0 auto; max-width:1160px; padding:0 0 10px; position:relative; vertical-align:top; }	
footer a { color: #fff; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }	

.footercol { padding: 50px 180px 10px 0; float: left;}
.footercol#footcol3 { float: right; text-align: right;  padding-right: 0; }
.footercol#footcol3 li { float: right; margin-left: 15px; }
.footercol ul { margin: 0 0 30px; }
.footercol h3 { color: #fff; margin-bottom: 30px; font-size: 22px;  }
.footercol li, .footercol p { font-size: 18px; line-height: 140%; margin-bottom: 7px; list-style: none; color: #fff; }
.footercol li a, .footercol p a { color: #fff; text-decoration: underline; }
.footer-base { margin: 0 0 30px 0; padding-top: 15px; border-top: 1px solid #7c7f80; color: #fff; }
.footer-base-l {float: left;}
.footer-base-r {float: right; text-align: right;}
.sast-footer-logo {text-align: right; margin: 0;}

.col .inner.logos {border-top: 1px solid #bfcfcf; margin: 50px auto 20px; padding: 30px 0 5px}
.col .inner.logos img {margin-right: 40px}


.homefeed { background-color: #eee; }

.gutter-sizer { width:15px; }
.posts:after { content: ''; display: block; clear: both; }

.col.boxes .inner { padding: 60px 0; }
.col.box { display: inline-block; width: 350px; margin: 0 9px 30px; background: #FFF; }
.lnews .col.box { background: #eee; }
.col.box .imgbx a { display: block; width: 100%; height: 100%; }
.col.box .imgbx img { width: 100%; height: 100%; vertical-align: top; object-fit: cover; }
.col.box .txtbx { box-sizing: border-box; padding: 22px 25px; }
.col.box .txtbx h2 { font-size: 24px; margin: 0 0 17px; }
.col.box .txtbx h2 a{ color: #b31316 }
.col.box .txtbx p { font-size: 16px; margin: 0; }
.col.box .txtbx .date, .col.box .txtbx .cat { font-weight:700; }
.col.box.twttr { background: #1DA1F2; }
.col.box.fcbk { background: #365899; }
.col.box.twttr .txtbx p, .col.box.fcbk .txtbx p { color: #fff; }
.col.box.twttr .txtbx p a, .col.box.fcbk .txtbx p a { color: #00238C; }
.col.box.twttr .txtbx p, .col.box.fcbk .txtbx p { text-overflow: ellipsis; overflow: hidden; }
.col.box .txtbx .sico { margin: 1px 0 15px; }
.col.box .txtbx .date { display: block; margin: 0 0 15px; color:  #b31316; font-weight: normal; font-size: 14px; }
.col.box .txtbx .date a { color: #8aa1cc; }
.col.box.fcbk .txtbx .date { color: #fff; }
.col.box .txtbx .cat { display: block; font-size: 14px; text-transform: uppercase; margin: 0 0 7px; }
.col.box .txtbx .cat a {color: #999}
.col.box .txtbx .postdate { font-size: 12px; float: right;}
.col.box.wi .txtbx { border-top: 10px solid  #3c4042; }
.col.box.event .txtbx { border-top: 10px solid #666; }
.col.box.video span { display: block; width: 100%; height: 100%; background: url(images/play-btn.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 8; }



.col.box .bxbc { display: block; margin: 0 0 7px; font-size: 12px; line-height: 1.4em; font-weight: 600; }
.col.box .bxbc a { color: #666; }
.col.box .bxbc .sep { display: inline-block; margin: 0 4px; color: #666; }
.col.box .bxbc a:hover, .col.box .bxbc a:focus { border-bottom: 1px solid #666; }

.col.single.news .main { border-bottom: 10px solid  #b31316;; }
.col.single .main .cat { font-weight:700; font-size: 16px; text-transform: uppercase; margin: 3px 0 17px; }
.col.single .main .postdate { font-size: 13px; float: right;}
.col.single.news .main .cat { color: #26AB3C; }
.col.single.events .main { border-bottom: 10px solid #666; }
.col.single.events .main .cat { color: #666; }
.col.single .social { padding:15px 0 0; position:relative; }
.col.single .social .socialnks { position:absolute; right:0; top:15px; }
.col.single .social .socialnks a { display:inline-block; padding:0; }
.col.single .social .socialnks img { float:left; margin:0 0 0 5px; width: auto; }

.wp-caption { max-width: 100%; padding: 20px 10px 20px 20px; background: #eee}
.wp-caption img { margin: 0 0 16px; }
.wp-caption p.wp-caption-text { font-size: 14px; font-weight: 400; font-style: italic; color: #666; margin:0 0 10px 0 !important }

/*slick slider*/
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }	
.slick-list { position: relative; display: block; height:100%; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }	
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }	
.slick-track { height:100%; position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }	
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide h2 { text-shadow: 1px 2px 3px #000; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }	
.slick-dots { width:auto; margin:0; font-size:0; }
.slick-dots li { display:inline-block; width:12px; height:12px; border:3px solid #fff; background:none; cursor:pointer; margin:0 10px 0 0; border-radius:18px; }
.slick-dots li.slick-active { background:#fff; }
.slick-dots li button { display:none; } 	
.slick-prev, .slick-next { display:block; width:30px; height:56px; line-height:0; margin:0; padding:0; border:none; text-indent:-9999em; position:absolute; z-index:8; }
.slick-next, .slick-next:hover { right:0; background:url(images/sldr-arrow-r.png) left top no-repeat; }
.slick-prev, .slick-prev:hover { left:0; background:url(images/sldr-arrow-l.png) left top no-repeat; }	
	
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding:0; margin:0; border:0; outline:none; vertical-align:top; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin { position:relative; background:#fff; color:#828282; text-shadow:none; }
.fancybox-opened { z-index:8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position:relative; }
.fancybox-inner { overflow:hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
.fancybox-error { color:#828282; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; }
.fancybox-image { max-width:100%; max-height:100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(images/fancybox_sprite.png); }
#fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060; }
#fancybox-loading div { width:44px; height:44px; background:url(images/fancybox_loading.gif) center center no-repeat; }	
.fancybox-close { background:url(images/fb-close-btn.png) left top no-repeat !important; position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040; }
.fancybox-close:hover { background-position:right top; }
.fancybox-nav { position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url(images/blank.gif); -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040; }
.fancybox-prev { left:0; }
.fancybox-next { right:0; }
.fancybox-nav span { position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden; }
.fancybox-prev span { left:10px; background-position:0 -36px; } 
.fancybox-next span { right:10px; background-position:0 -72px; }
.fancybox-nav:hover span { visibility:visible; }
.fancybox-tmp { position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important; }
.fancybox-lock { overflow:hidden !important; width:auto;  }	
.fancybox-lock body { overflow:hidden !important; }	
.fancybox-lock-test { overflow-y:hidden !important; }	
.fancybox-overlay { position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url(images/fancybox_overlay.png); }	
.fancybox-overlay-fixed { position:fixed; bottom:0; right:0; }	
.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; }	
.fancybox-title { visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050; }	
.fancybox-opened .fancybox-title { visibility:visible; }	
.fancybox-title-float-wrap { position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; }	
.fancybox-title-float-wrap .child { display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; background:rgba(0, 0, 0, 0.8);  -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap; }	
.fancybox-title-outside-wrap { position:relative; margin-top:10px; color:#fff; }	
.fancybox-title-inside-wrap { padding-top:10px; }	
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){	
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image:url(images/fancybox_sprite@2x.png); background-size:44px 152px; }	
#fancybox-loading div { background-image:url(images/fancybox_loading@2x.gif); background-size:24px 24px; }
}

.loading { display:block; width:100%; height:100%; text-align:center; }
.loading img { position:relative; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.ldmore .inner, .col.boxes .ldmore .inner { padding:30px 0 0; text-align: center; }
.ldmore .button.ldmr { margin: 0; }
.ldmore .ldngmrbtn { display:inline-block; width:26px; height:25px; margin:0; }
.ldmore .ldngmrbtn img { width:26px; height:25px; vertical-align:top; position: relative; top: 9px; margin-left: 5px; }
.ldmore .ldngmrbtn.spinit img { animation-name: spin; animation-duration: 1500ms; animation-iteration-count: infinite; animation-timing-function: linear; }

@-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(-360deg); } }
@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(-360deg); } }
@keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(-360deg); } }

.compat-object-fit { background-size:cover; background-position:center center; background-repeat:no-repeat; }
.compat-object-fit img.bg { opacity:0; visibility:hidden; }	

.download-link { display: block; background: url(images/download-link.png) left 4px no-repeat; margin-bottom: 25px; padding: 7px 0 7px 35px; margin-left: 20px; font-weight:bold; font-size: 16px; line-height: 140%; border-bottom: none !important }
.dlm-downloads li { list-style: none; }

.col .inner-home { margin:0 auto; padding:0; position:relative; vertical-align:top; } 	
.col .half-home-left { width:555px; float: right; margin: 40px 30px 10px 0; }
.col .half-home-left h2 { font-size: 43px; font-weight: 600; margin-bottom: 10px; }
.col .half-home-left h3 { color:  #b31316; font-size: 24px; font-weight: 300; margin-bottom: 20px; }
.col .half-home-left .button { margin-top: 40px; }

.col .half-home-right { background: url("images/.jpg") center top no-repeat; width: 50%; background-size: cover; min-height: 600px;  }


/* Gallery overrides */
[class^="bwg_gal_title_"] { text-align: left !important; font-size: 20px !important; color: #666 !important; font-family: 'Open Sans', sans-serif !important; font-weight: 700; line-height: 1.2em; margin-bottom: 20px !important;  }
[class^="bwg_gal_description_"] { font-size: 18px !important; margin: 0 0 10px 0 !important; }
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-title2 {font-family: inherit !important; font-size: 15px !important; letter-spacing: 0.5px; font-weight: normal !important}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0.bwg-standard-thumbnails .bwg-item {margin-bottom: 15px}


/* CF7 overrides */
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok { border: 6px solid #FDCC2B !important; padding: 30px !important; }
.wpcf7-form .wpcf7-not-valid { border: 2px solid red; }
.wpcf7 form .wpcf7-response-output { padding: 20px !important;}



					
/* #IE Browsers
================================================== */		
* html.ie6 body, html.ie7 body, html.ie8 body { background:#FFF url(images/ie-bg.jpg) center top no-repeat; width:100%; height:100%; border:none; }
* html.ie6 #wrap, * html.ie6 #preloader, * html.ie6 #status, html.ie7 #wrap, html.ie7 #preloader, html.ie7 #status, html.ie8 #wrap, html.ie8 #preloader, html.ie8 #status { display:none; }

/* #Media Queries
================================================== */	
@media only screen and (max-width: 1170px) {		
#school-logo { left: 0; }
#menu { right: -16px; }	
#menu ul { font-size: 14px; }
#menu ul li { padding: 0 16px; }    
#menu a::after, #menu li.current_page_item a::after, #menu li.current_page_parent a::after { left: 16px; width:-webkit-calc(100% - 32px); width:-moz-calc(100% - 32px); width:calc(100% - 32px); }	    
#header-wrap header, .col .inner, footer .inner { margin: 0 30px; }
.col .inner.logos { margin: 0 30px 30px; text-align: center }
.col.hero .slide .inner { margin: 0; }
.col.cntctdtls .inner { margin: 0 auto; }
.col.hero .slick-prev { left:30px; margin: -28px 0 0 0; }
.col.hero .slick-next { margin: -28px 0 0 0; right:30px; }	
.col.content.wlcm .half, .col.content.wlcm .half.last { width: 100%; padding: 0 0 20px; text-align: center; }	
.col.content.wlcm .half.last { padding: 0; }
.col.content.wlcm h2 { font-size: 40px; }
.col.content.oschls .col.half { margin: 0 2% 0 0; width: 49%; }	
.col.box { width: 31.5%; }	
.gutter-sizer { width: 2.75%; }	
.col.main { margin: 0 3% 0 0; width: 72%; }
.col.side { width: 25%; }
.col .half-home-left { width: 90%; }

}
	
@media only screen and (max-width: 1100px) {		
.col.titlebar .inner { padding: 22px 0 28px; }
.col.titlebar h1, .col.hero .slide h2 { font-size: 40px; }	
#school-logo { height: 100px; width: 100px; top: 5px; }
#school-logo img { height: 100px; width: auto; }
#menu { display:none; }			
.menubtn { background: #666 url(images/menu-icon-btn-bg.png) 20px 16px no-repeat; padding: 0 20px 0 50px; margin:-11px 0 0; height: 46px; line-height: 46px; position: absolute; top:40%; right:0; -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none; color: #fff; }
.menubtn:hover { background: #666 url(images/menu-icon-btn-bg.png) 20px 16px no-repeat; }		
#mobmenu { position:absolute; left:-30px; right:-30px; top:120px; box-shadow:0 5px 5px rgba(0,0,0,0.2); }
#mobmenu ul { list-style:none; *zoom:1; margin:0; font-size:16px; font-weight:600; text-transform:uppercase; background:#fff; border-top:1px solid #ebebeb;  }	
#mobmenu ul:before, #mobmenu ul:after { content:" "; display:table; }
#mobmenu ul:after { clear:both; }	
#mobmenu ul a { padding:20px 30px; color:#666; text-decoration:none; }
#mobmenu ul li { position: relative; margin:0; line-height:1.2em; }
#mobmenu ul li.srch { display: none; }
#mobmenu ul > li { float:none; border-bottom:1px dotted #ebebeb; }
#mobmenu ul > li > a { display:block; }
#mobmenu ul ul { display: block; width: 100%; }
#mobmenu ul > li > .parent { background-image: url(images/down-arrow.png); background-repeat: no-repeat; background-position: 95% 50%; }
#mobmenu ul li ul { position: absolute; left: -9999px; margin: 4px 0 0; box-shadow:none; }
#mobmenu ul > li.hover > ul { left: 0; }
#mobmenu ul li li.hover ul { left: 100%; top: 0; }
#mobmenu ul li li { margin:0; border-bottom:1px solid #ebebeb; }
#mobmenu ul li li a { display: block; background:#f9f9f9; position: relative; z-index:47; }
#mobmenu ul li:last-child { margin:0; border:none; }
#mobmenu ul ul ul { margin:0; -moz-transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform:none; text-transform:none; }
#mobmenu ul li li li a { background:#f5f5f5; color:#666; }
#mobmenu ul > li.hover > ul, #mobmenu ul li li.hover ul { position: static; }		
.col.content.oschls .col.half { margin: 0 3% 0 0; width: 48.5%; }
}

@media only screen and (max-width: 880px) {	
.col.hero .slide .txt { width:94%; margin: 0 3%; }	
.col.hero .slick-prev, .col.hero .slick-next { top: auto; bottom: 50px; margin:0; }	
.col.content.wlcm h2 { font-size: 36px; }
.col.box { width: 48.3%; }	
.gutter-sizer { width: 3.4%; }	
footer { text-align: center; line-height: 1.2em; }
.footercol { padding: 0 0 10px 0; float: none; }
.footercol#footcol3, .footercol#footcol3 li { float: none; text-align: center; }
.col.content.wlcm .half { padding-right: 0; }
}	

@media only screen and (max-width: 760px) {		
#header-wrap { height: 80px !important; }
#header-wrap header { height: 80px; }
.menubtn { margin: -15px 0 0; }
#mobmenu { left:-20px; right:-20px; top:80px; }
#mobmenu ul a { padding:15px 20px; }	
#header-wrap header, .col .inner, footer .inner, .col.cntctdtls .inner { margin: 0 10px; }	
.col.hero .slide img { height: 477px; }	
.col.content.wlcm .inner { padding: 49px 0 43px; }
.col.content.wlcm h2 { font-size: 40px; }	
.col.content.oschls .col.half { margin:0; width: 100%; text-align: center; }	
.col.main { margin: 0 0 30px; width:100%; }
.col.side { width:100%; } 	
.col.hero .slick-prev { left:20px; }
.col.hero .slick-next { right:20px; }	
.col .half { width: auto; margin: 5px; }
.col .half-home-right { width: 100%; }
#school-logo { height: 54px; width: auto; top: 3px; }
#school-logo img { height: 54px; width: auto; }
}
	
@media only screen and (max-width: 660px) {	
.col.cntctdtls .inner .half { width: 100%; text-align: center; }	
.col.cntctdtls .inner .half p { font-size: 13px; }	
.form { width: 100%; }	
.org-table td { display:block; }
}

@media only screen and (max-width: 560px) {	
.col.box { width: 100%; }	
.gutter-sizer { width: 0; }	
}
	
@media only screen and (max-width: 480px) {	
#header-wrap { height: 60px !important; }
#header-wrap header { height: 60px; }
#school-logo { height: 57px; width: 55px; top: 3px; }
#school-logo img { height: 55px; width: auto; }
.menubtn, .menubtn:hover { background: #666 url(images/menu-icon-btn-bg.png) center 16px no-repeat; padding: 0 25px; text-indent: -999em; margin:6px 0 0; top: 0; right: 0; }
#mobmenu { top:60px; }	
.col.hero .slide img { height: 327px; }	
.col.titlebar .inner { padding: 15px 0 20px; }
.col.titlebar h1, .col.content.wlcm h2, .col.hero .slide h2 { font-size: 28px; }	
.col.hero .slick-prev, .col.hero .slick-next  { display: none !important; }	
.ldmore .inner, .col.boxes .ldmore .inner { margin: 0 !important; }
.col.content.oschls p a { font-size: 14px; }
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { font-size: 14px; } 
.col.main .wp-caption p.wp-caption-text { font-size: 14px; }	
.nts-logo { margin-top: 35px; margin-left:0; width: 90%; height:auto; }
p { font-size: 15px; }
.slick-slide p { font-size: 18px; }
.col .half-home-left h3 { font-size: 18px; }
.col .half-home-left { margin: 10px; }	
.footercol li, .footercol p { font-size: 14px; }
.footer-base-r, .footer-base-l { font-size: 10px; text-align: left; float: left; }
}

@media only screen and (max-width: 420px) {		
.col.single .social .socialnks { position: relative; right: auto; top: auto; }
.col.single .social .socialnks img { margin: 0 5px 0 0; }	
}










/* Print Styles */
@media print {
	
	#menu { display: none; }
	button.slick-prev, button.slick-prev {display: none}
	.col.hero .slide .inner {display: none}
	.col.side {display: none}
	.col.content.wlcm .half { width:  100%;}
	.col .half-home-right {display: none}
	.inner-home .col.half, .col .half-home-left {width: 100%; margin:  0;}
	.ldmore {display: none}
	.col.hero .slide img { height: 360px; }

}