/*
Theme Name: The Gryphon School V2
Theme URI: https://www.gryphon.dorset.sch.uk
Author: D2 Creative
Author URI: https://www.d2creative.co.uk
Description: Wordpress theme for The Gryphon School
Version: 2.0
*/

/* #Font-Face
================================================== */
@import url("https://fast.fonts.com/t/1.css?apiType=css&projectid=b9d239f2-a2d6-4be9-839d-8ae3f1f65093");
@font-face {
	font-family:"Aller Typo W01 Regular";
	src: url('fonts/bd5542ea-c0ff-4ec4-aa1b-db87ffbaee12.eot');
	src: url('fonts/bd5542ea-c0ff-4ec4-aa1b-db87ffbaee12.eot?iefix') format('eot'),
		url('fonts/1cce00ec-4dc3-4b48-b022-7bf531e2e05d.woff') format('woff'),
	  	url('fonts/c6e80a41-7c2f-46bc-97e3-f7512da7ae0e.ttf') format('truetype'),
		url('fonts/f26dcabc-e7d5-4fc6-9e6c-667376217f50.svg#f26dcabc-e7d5-4fc6-9e6c-667376217f50') format('svg');
	font-weight: normal;
	font-style: normal; 
}
@font-face {
	font-family:"Aller Typo W01 Bold";
	src: url('fonts/4789119c-098a-4d9a-8c50-fe25c624ba23.eot');
	src: url('fonts/4789119c-098a-4d9a-8c50-fe25c624ba23.eot?iefix') format('eot'),
	  	url('fonts/49bfe520-9304-4e57-afef-0a2bd6103cb3.woff') format('woff'),
		url('fonts/e64334cb-354d-4163-95a0-b6ab9a7280fb.ttf') format('truetype'),
		url('fonts/6a5f6a67-1f8d-4478-98ec-0e12dd8aba6b.svg#6a5f6a67-1f8d-4478-98ec-0e12dd8aba6b') format('svg');
	font-weight: normal;
	font-style: normal; 
}		

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: 'Aller Typo W01 Regular', serif; font-weight:400; font-style:normal; font-size:18px; color:#7c8592; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
		
/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 { font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; color: #1c2856; 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: 60px; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
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: 'Aller Typo W01 Bold', serif;	font-weight:700; font-style:normal; color:#1c2856; }
small, .small { font-size: 80%; }
blockquote, blockquote p { font-size:18px; line-height:1.4em; color: #7c8592; font-style: italic; }
blockquote { margin: 0 0 30px; padding: 40px 40px 13px; background: #f7f7f7; border-left: 6px solid #ae9971; }
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; } 	
.error404 { display:block; font-size:150px; color:#ebebeb; margin:0 0 20px; }
.center { text-align:center; }	

/* #Links
================================================== */
a { color:#1c2856; 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 17px; }
ol { list-style: decimal; margin:0 0 30px 17px; }
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: 14px 0 5px 30px; font-size: 90%; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height:1.4em; margin-bottom: 3px; }

/* #Buttons
================================================== */
.button, button, input[type="submit"], input[type="reset"], input[type="button"] { border:none; background:#ae9971; color:#fff; display:inline-block; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size:18px; text-align:center; text-decoration:none; cursor:pointer; position:relative; margin-bottom:20px; height:59px; line-height:59px; width:auto; padding:0 24px; -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; }
.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus { background:#827254; color:#fff; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
button:focus { outline:0; }	
		
/* #Forms
================================================== */
form, .form form.appfrm { position:relative; margin:2px 0 0; }
fieldset { margin-bottom:20px; }
input[type="text"], input[type="password"], input[type="email"], textarea, select { box-sizing:border-box; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; background:#e8e8e8; border:none; height:40px; line-height:40px; padding:0 15px; width:100%; max-width: 100%; color:#7c8592; font-size:14px; margin:0 0 18px; outline: none; display: block; position:relative; }
input.lssmrgn, textarea.lssmrgn, select.lssmrgn, .col.main .col.txt form p.lssmrgn { margin: 0 0 11px; }
input.mrmrgn, textarea.mrmrgn, .col.main .col.txt form p.mrmrgn { margin: 0 0 32px; }
select { padding: 0; }
textarea { padding:12px 15px; line-height:1.2em; min-height:116px; overflow:auto; } 
label, legend { display: block; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size:15px; color:#1c2856; margin:0 0 11px; }	
select { padding:0 0 0 11px; }	
span.req { display: inline-block; color: #1c2856; margin: 0 0 0 3px; }
.col.main .col.txt form p { font-size: 14px; margin: 0 0 21px; }
input[type="checkbox"] { display: inline-block; margin-right:5px; }
form .rdchkwrp { margin: 0 0 12px; }
form .rdchkwrp label, form .col.half label { font-family: 'Aller Typo W01 Bold', serif; font-weight:400; font-style:normal; font-size: 14px; color:#7c8592; }
form .rdchkwrp label { display: inline-block; }
form .col.half { box-sizing: border-box; padding-right: 30px; margin: 0 0 34px; }
form input[type="submit"] { margin:7px 0 33px; }
.rdchk { position: relative; display: block; height: 30px; line-height:30px; margin: 0 0 5px; padding:0 14px 0 40px; cursor: pointer; } 
.rdchk input { position: absolute; z-index: -1; opacity: 0; }
.rdchkcntrl { position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: #e8e8e8; }
.rdchk:hover input ~ .rdchkcntrl, .rdchk input:focus ~ .rdchkcntrl { background: #d2d2d2; }
.rdchk input:checked ~ .rdchkcntrl { background: #1c2856; }
.rdchk input:disabled ~ .rdchkcntrl { pointer-events: none; opacity: .6; background: #e6e6e6; }
.rdchkcntrl:after { position: absolute; display: none; content: ''; }
.rdchk input:checked ~ .rdchkcntrl:after { display: block; }
.rdchk .rdchkcntrl:after { top: 4px; left: 10px; width: 6px; height: 14px; transform: rotate(45deg); border: solid #fff; border-width: 0 3px 3px 0; }
.rdchk input:disabled ~ .rdchkcntrl:after { border-color: #7b7b7b; }
.rdchk span { display: inline-block; line-height: 1em; }
.form form { width:100%; margin:22px 0 0; padding:0; }
.form .done, .form .sending { background:#1c2856; padding:30px; font-size:18px; font-weight:600; width:auto; color:#fff; margin:20px 0; display:none; text-align:center; line-height: 170%; }
.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:#1c2856; }
.form .sending img { position:relative; margin-right:10px; }	
.form .screenReader { left: -9999px; position: absolute; top: -9999px; display:none; }
.form form .error { color:#fd1313; background:#e3e3e3 url(images/alert.png) right 12px no-repeat; position:relative; z-index:55; }
.form form select.error { background:#e3e3e3 url(images/alert-slct.png) right 12px no-repeat; }
.form form label.error { display:none; border:none; position:absolute; right:9999em; text-indent:-9999em; }	
.form form #dataconsent-error { display:block; position:absolute; top: 0; right:0; text-indent:0; height: 22px; width: 32px; }
.form form #dataconsent-error.error { background-color: none; background-position: right 3px; margin: 0 0 0 0 !important;}
.form form ::-webkit-input-placeholder { color:#ababab; opacity: 1 !important; text-transform: uppercase; }
.form form :-moz-placeholder { color:#ababab; opacity: 1 !important; text-transform: uppercase; }
.form form ::-moz-placeholder { color:#ababab; opacity: 1 !important; text-transform: uppercase; }
.form form :-ms-input-placeholder { color:#ababab; opacity: 1 !important; text-transform: uppercase; } 

.sxthfrmapp, .fpwrap, .rgstrwrp, .frmldngwrp, .sign-out, .progresswrp, .noshow { display: none; }
.sign-out.active { display: inline-block; }

.stages { margin-bottom: 20px !important; height: 200px; }
.stages div { margin-bottom: 10px !important; }


.wpcf7-response-output {text-align: center;padding: 30px !important;color: #fff;background: #1c2856;border: none !important;margin: 0 0 50px !important}
.wpcf7-not-valid-tip {font-size: 15px !important}
.recaptcha .wpcf7-not-valid-tip {margin-top: 15px}




	
/* #Tables
================================================== */	
table { border-spacing: 0; border-collapse:collapse; max-width:100%; margin:0 0 40px; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; background: #7c8592; }
th, td { font-size:16px; color: #1c2856; padding:18px 20px 20px; line-height:1.2em; text-align:left; border: 3px solid #7c8592; background: #fff; vertical-align: middle; }
th { color:#fff; background: #1d2957; }
td:empty { background: none; }
th strong, td strong { font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; }
th ul, td ul { font-size: 16px; }
th strong { color: #fff; }

/* #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; }	
.more-btm { margin-bottom: 30px !important; }
.hdit, .clip-svg { 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; }
.e404 { font-family:'Aller Typo W01 Regular', sans-serif; font-weight:normal; font-style:normal; font-size: 150px; }
object:focus, embed:focus { outline:none; }
img.alignright { float:right; margin:4px 0 26px 30px; }
img.alignleft { float:left; margin:4px 30px 26px 0; }
img.alignnone { display: block; margin:4px auto 26px; }
img.aligncenter, .aligncenter { display: block; margin-left: auto !important; margin-right: auto !important; }
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; }
.blue { color: #1c2856; }
.gold, .gold strong { color: #ae9971; }
.hidden { visibility:hidden; display:none; }

/* #Base Grid
================================================== */	
#wrap { width:100%; max-width: 2300px; background: #ededed; margin:0 auto; overflow: hidden; }	
.container { max-width:1260px; margin:0 auto; position:relative; z-index:5; }   
#home .container { width: 100%; max-width: 2300px; margin: 0 auto; }
.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:1260px; 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 { width:100%; margin:0 auto; height:140px; background:#fff; border-bottom: 1px solid #d2d2d2; position:relative; z-index:77; }
#header-wrap header { max-width:1260px; height:140px; margin:0 auto; position:relative; }			
#header-wrap header .logo { display:block; position:relative; }
#gryphon-school-logo { width:207px; height:103px; left:-1px; top:13px; z-index:7; }
#little-gryphons-logo { width:111px; height:140px; left:-5px; top:0; z-index:7; }

.menu { margin:0 auto; height:81px; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; position:absolute; right:0; top:59px; }
.menu ul { margin:0; padding:0; list-style:none; font-size:20px; height:81px; position:relative; }
.menu ul li { display:inline-block; float:left; margin:0; padding:0 20px; height:81px; line-height:78px; position:relative; z-index:44; } 
.menu ul li a { display:block; color:#1c2856; text-decoration:none; }	

#menu ul li.parent > a { padding-right: 22px; background: url(images/gryphon-arrow-dwn-gold.png) right 34px no-repeat; }
#menu ul li:last-child { padding-right:0; }
#menu a::after, #menu li.active a::after { position: absolute; top: 60%; left: 20px; width: 100%; width:-webkit-calc(100% - 40px); width:-moz-calc(100% - 40px); width:calc(100% - 40px); height:6px; background:#1c2856; 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(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
#menu ul li:last-child a::after, #menu li:last-child.active a::after { width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); }
#menu li:hover a::after, #menu a:hover::after, #menu li.active a::after, #menu ul li.current_page_item a::after, #menu ul li.current_page_parent a::after, #menu ul li.current-page-ancestor a::after { opacity:1; -webkit-transform:translateY(27px); -moz-transform:translateY(27px); -ms-transform:translateY(27px); -o-transform:translateY(27px); transform:translateY(27px); }
#menu ul ul.sub-menu { opacity:0; visibility:hidden; display:none; list-style:none; height:auto; font-size: 18px; position:absolute; left:20px; top:82px; padding:0; z-index:47; }	
#menu ul ul.sub-menu li { box-sizing: border-box; display:inline-block; height:auto; background:#1c2856; background: rgba(28,40,86,0.97); float:left; line-height:1.2em; padding:11px 18px 12px; margin:0; width:288px; border-bottom:1px solid #1c2856; zoom:1; position: static; }
#menu ul ul.sub-menu li:hover, #menu ul ul.sub-menu li:focus { background:#2a3b7e; background:rgba(42,59,126,0.97); }	
#menu ul ul.sub-menu li a { padding:0; margin:0; color:#fff; }
#menu ul ul.sub-menu li a::after { display:none; top:0; height:0; background:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }	
#menu ul li:hover > ul.sub-menu, #menu ul li:focus > ul.sub-menu { opacity:1; visibility:visible; display:block; }
#menu ul li:hover ul.sub-menu a, #menu ul li:focus ul.sub-menu a { text-decoration:none; }	
#menu ul ul.sub-menu li.toplvl span { display: inline-block; margin-left: 9px; width: 9px; height: 8px; background: url(images/gryphon-plus-icon.png) left top no-repeat; position: relative; top: -2px; }
#menu ul li ul.sub-menu ul { opacity:0; visibility:hidden; display:none; box-sizing: border-box; width: 288px; list-style:none; background:#2a3b7e; background:rgba(42,59,126,0.97); height:auto; font-family:'Aller Typo W01 Regular', sans-serif; font-weight:normal; font-style:normal; font-size: 16px; position:absolute; left:100%; top:0; padding:30px 40px; z-index:48; }	
#menu ul li ul.sub-menu ul.lrg { width:472px; -moz-columns: 2; -webkit-columns: 2; columns: 2; }
#menu ul li ul.sub-menu li ul li { background: none; border: none; height: auto; padding:5px 0; line-height: 1.4em; width: 100%; }
#menu ul li ul.sub-menu ul li a { display: inline-block; }
#menu ul li.mgol ul.sub-menu li ul { left: -288px; }
#menu ul li.mgol ul.sub-menu li ul.lrg { width: 767px; left:-767px; }
#menu ul li ul.sub-menu ul li:hover, #menu ul li ul.sub-menu ul li:focus { background:none; }	
#menu ul li ul.sub-menu ul li:hover a, #menu ul li ul.sub-menu ul li:focus a { color: #ae9971; }
#menu ul li ul.sub-menu li:hover ul, #menu ul li ul.sub-menu li:focus ul, #menu ul li ul.sub-menu.open, #menu ul li ul li ul.sub-menu.open, #menu ul li ul.children.open, #menu ul li ul li ul.children.open { opacity:1; visibility:visible; display:block; }
#menu ul ul ul ul { display:none; }	
#topmenu { height: 58px; background: #1c2856; border-bottom: 1px solid #777e9a; top: 0; right: 0; }
#topmenu ul { font-size:15px; height:58px; }
#topmenu ul li { padding:0 10px; height:58px; line-height:57px; } 
#topmenu ul li a { color:#7c8592; }	
#topmenu ul li.srch { padding-right: 0; }
#topmenu ul li.srch img { position: relative; top: 10px; }
#topmenu::before { width: 290px; height: 59px; content: ''; background: url(images/gryphon-topmenu-bg.png) left top no-repeat; position: absolute; left: -289px; top: 0; }
#topmenu::after { width: 100%; height: 58px; content: ''; background: #1c2856; border-bottom: 1px solid #777e9a; position: absolute; right: -100%; top: 0; }
* html .menu ul li a { display:inline-block; }
* html .menu { height:1%; }	
#mobmenu { display:none; }

.searchbar { visibility: hidden; width:0; opacity: 0; height:58px; line-height:58px; background:#1c2856; position:absolute; right:0; top:0; z-index:78; -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; }
.searchbar.visible { right:0; width:733px; visibility: visible; opacity: 1; }
.searchbar form { margin:0; padding:0; }
.searchbar input[type="text"] { width:100%; height:58px; line-height:58px; margin:0; color: #fff; padding:0 80px 0 0; background:none; font-size:24px; }
.searchbar input:focus { box-shadow:none; }
.searchbar form input[type="submit"] { opacity: 0; visibility: hidden; width:24px; height:22px; background:url(images/gryphon-submit-arrow-wht.png) left top no-repeat; position:absolute; right:1px; top:18px; border-radius:0; line-height:0; margin:0; padding:0; -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; }
.searchbar.visible form input[type="submit"] { opacity: 1; visibility: visible; }
.searchbar form ::-webkit-input-placeholder { color:#fff; opacity: 1 !important; }
.searchbar form :-moz-placeholder { color:#fff; opacity: 1 !important; }
.searchbar form ::-moz-placeholder { color:#fff; opacity: 1 !important; }
.searchbar form :-ms-input-placeholder { color:#fff; opacity: 1 !important; } 

.col.hero { width: 100%; max-width: 2300px; height:700px; margin:0 auto; padding: 0 0 80px; overflow:hidden; z-index: 1; }
.col.hero .slide { position:relative; }
.col.hero .slide .inner { max-width:1260px; height:100%; padding:0; position:absolute; left:0; right:0; top: 0; z-index:7; }
.col.hero .slide .txtbx { box-sizing: border-box; width:620px; padding:43px 50px 47px; background: #1c2856; position:absolute; right: 0; bottom:-40px; z-index:5; }
.col.hero .slide .txtbx h2 { font-size:36px; color:#fff; margin:0 0 10px; }	
.col.hero .slide .txtbx h3 { font-family: 'Aller Typo W01 Regular', serif; font-weight:400; font-style:normal; font-size:18px; color:#7c8592; margin:0 0 10px; }
.col.hero .slide .txtbx a { font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size: 18px; color: #fff; float: right; padding: 0 20px 0 0; margin: 15px 0 0; background: url(images/gryphon-arrow-r-gold.png) right 3px no-repeat; }
.col.hero .slide img { width:100%; height: 100%; object-fit:cover; vertical-align:top; position: relative; z-index: 4; }

.dwnbtn { display: block; width: 79px; height: 79px; background: url(images/gryphon-down-btn.png) left top no-repeat; position: absolute; left: 50%; top: -119px; margin-left: -630px; z-index: 8; }
.dwnbtn a { display: block; width: 100%; height: 100%; }		

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

.col.boxes .inner { padding: 0 0 60px; }
.col.box { display: inline-block; width: 23.8%; width: 300px; margin: 0 0 20px; background: #fff; }
.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 p { font-size: 16px; margin: 0; }
.col.box .txtbx .date, .col.box .txtbx .cat { font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; }
.col.box.twttr, .col.box.fcbk, .col.box.mygrphn { background: #1c2856; }
.col.box.twttr .txtbx p, .col.box.fcbk .txtbx p, .col.box.mygrphn p { color: #fff; }
.col.box.twttr .txtbx p a, .col.box.fcbk .txtbx p a, .col.box.mygrphn p a { color: #ae9971; }
.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; font-size: 16px; margin: 0 0 15px; color: #7c8592; }
.col.box .txtbx .date a { color: #7c8592; }
.col.box .txtbx .cat { display: block; font-size: 18px; text-transform: uppercase; margin: 0 0 7px; }
.col.box.news .txtbx { border-top: 10px solid #ae9971; }
.col.box.news .txtbx .cat a { color: #ae9971; }
.col.box.events .txtbx { border-top: 10px solid #eb353b; }
.col.box.events .txtbx .cat a { color: #eb353b; }

/*
.col.box.video span { display: block; width: 100%; height: 100%; background: url(images/gryphon-play-btn.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 8; }
*/


/* revised style MT */
.col.box.video span { display: block; width: 100%; height: 90%; background: url(images/gryphon-play-btn.png) center center no-repeat; position: absolute; left: 0; top: 0; z-index: 8; }
.col.box.video .imgbx img { border-bottom: 10px solid #ae9971; }


.col.box.mygrphn .txtbx { padding-bottom: 14px; }
.col.box.mygrphn .txtbx h2 { font-family: 'Aller Typo W01 Regular', serif; font-weight:400; font-style:normal; font-size: 24px; margin: 0 0 24px; }
.col.box.mygrphn .txtbx h2 a { color: #ae9971; }
.col.box.mygrphn .txtbx p { font-size: 20px; line-height: 1.5em; margin: 0 0 8px; }
.col.box.mygrphn .txtbx p.by { font-weight: 700; font-size: 18px; color: #79809a; margin: 0; }

.col.hnh { background: #fff; }
.col.hnh .col.half .col { height: 100%; }
.col.hnh .inner { width: 100%; max-width: none; padding: 0; }
.col.hnh .txtbx { box-sizing: border-box; width: 630px; float: right; padding: 65px 80px 60px 0; }
.col.hnh .txtbx h2 { font-size: 36px; margin: 0 0 4px; }
.col.hnh .txtbx h3 { font-family:'Aller Typo W01 Regular', sans-serif; font-weight:normal; font-style:normal; font-size: 24px; color: #ae9971; margin: 0 0 21px; }
.col.hnh .txtbx p { font-size: 24px; line-height: 1.5em; margin: 0 0 29px; }
.col.hnh .txtbx .button { margin: 0; }
.col.hnh .imgbx img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; }

.col.breadcrumbs { font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size: 16px; }
.col.breadcrumbs .inner { padding:20px 0 23px; }
.col.breadcrumbs a:hover, .col.breadcrumbs a:focus { border-bottom: 1px solid #1c2856; }
.col.breadcrumbs span { display: inline-block; margin: 0 4px; }
.col.breadcrumbs .sep { color: #1c2856; }
.col.breadcrumbs .sep.lg, .col.breadcrumbs .sep:last-of-type { color: #7c8592; }

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

.col.content .inner { padding: 0; }
.col.main { width: 940px; margin: 0 0 35px; float: right; }
.col.main.full { width: 100%; }

.col.pghero { float:left; position: relative; top: auto; left: auto; height:460px; padding: 0; transform: none; }
.col.pghero h1 { color: #fff; position: absolute; left: 60px; bottom: 25px; margin: 0; z-index: 5; }
.col.pghero img { position: relative; width:100%; height: 100%; object-fit:cover; vertical-align:top; z-index: 3; }
.col.pghero .shdw { width: 100%; height: 100%; background: url(images/gryphon-page-hero-shdw.png) left top repeat-x; position: absolute; left: 0; top: 0; z-index: 4; }

.col.main .col.txt { box-sizing: border-box; background: #fff; padding: 36px 60px 27px; margin: 0 0 20px; }
.col.main .col.txt h1.pgttl { margin: 12px 0 40px; }
.col.main .col.txt h2, .col.main .col.txt h3, .col.main .col.txt h4, .col.main .col.txt h5, .col.main .col.txt h6 { font-family: 'Aller Typo W01 Bold', serif;	font-weight:700; font-style:normal; }
.col.main .col.txt h2 { font-weight: 400; margin: 0 0 26px; }
.col.main .col.txt h3 { font-weight: 700; margin: 0 0 16px; }
.col.main .col.txt h4 { color: #ae9971; margin: 0 0 5px; }
.col.main .col.txt p { margin: 0 0 27px; line-height:1.5em; }
.col.main .col.txt p a:not(.button) { border-bottom: 1px solid #1c2856; }
.col.main .col.txt > ul, .col.main .col.txt > ol { margin: 0 0 35px 17px; }
.col.main .col.txt ul li { line-height: 1.3em; list-style-type: none; position: relative; margin-bottom: 10px; }
.col.main .col.txt ol li { line-height: 1.3em; margin-bottom: 10px; }
.col.main .col.txt ul li:before { content: '\2022'; font-size: 33px; color: #ae9971; position: absolute; left: -20px; }
.col.main .col.txt img { max-width: 100%; height: auto; vertical-align: top; }
.col.main .col.txt p:blank { display: none; }
.col.main .col.txt iframe { max-width: 100%; vertical-align: top; margin: 0 0 30px; }

.col.mygrphnwrp .col.box.mygrphn { box-sizing: border-box; width: 100%; margin: 0; padding: 55px 60px 53px; }
.col.mygrphnwrp .col.box.mygrphn .txtbx { float: left; padding: 0; width: 480px; }
.col.mygrphnwrp .col.box.mygrphn .txtbx h2 { font-size:30px; margin: 0 0 28px; color: #ae9971; }
.col.mygrphnwrp .col.box.mygrphn .txtbx p { font-size: 23px; line-height: 1.4em; margin:0 0 10px; }
.col.mygrphnwrp .col.box.mygrphn .txtbx p.by { font-size: 20px; margin: 0; }
.col.mygrphnwrp .col.box.mygrphn .imgbx { position: relative; float: right; text-align: right; /*right: 69px; bottom: 0; */ }
.col.mygrphnwrp .col.box.mygrphn .imgbx img { box-sizing: border-box; width: 90%; height: auto; object-fit: none; padding: 10px; margin: 30px 0; background: #fff; transform: rotate(4deg); }
.col.mygrphnwrp .col.box.mygrphn::after { top: 100%; left: 40px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 8; border-top-color: #1c2856; border-width: 20px; }
.col.main .col.mygrphnwrp .col.txt { padding:57px 60px 40px; border-bottom: 10px solid #1c2856; }

.button.download-link { box-sizing: border-box; float: left; display: inline-block; width: 252px; height: 86px; line-height: 1.3em; margin: 0 32px 32px 0; padding: 0 20px; text-align: left; background: #fff; color: #1c2856; border: 3px solid #1c2856; vertical-align: top; }
.button.download-link .ttl { display: block; position: relative; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.button.download-link .hvr { opacity: 0; visibility: hidden; width: 100%; height: 100%; line-height: 86px; background: rgba(29,41,87,0.95); position: absolute; left: 0; top: 0; color: #fff; text-align: center; text-transform: uppercase; }
.button.download-link .hvr img, .col.main .col.txt .button.download-link .hvr img { margin: 0 0 0 10px; vertical-align: baseline; }
.button.download-link:hover .hvr, .button.download-link:focus .hvr { opacity: 1; visibility: visible; }
.dlm-downloads, .col.main .col.txt .dlm-downloads { list-style: none; margin:10px 0 0; font-size: 0; }
.dlm-downloads li, .col.main .col.txt .dlm-downloads li { display: inline-block; line-height: normal; margin: 0; }
.dlm-downloads li:nth-child(3n) a, .col.main * ~ a.button.download-link:nth-of-type(3n) { margin-right: 0; }
.col.main a.button.download-link ~ p, .col.main a.button.download-link ~ h2, .col.main a.button.download-link ~ h3, .col.main a.button.download-link ~ h4, .col.main a.button.download-link ~ ul { clear: left; }
.col.main .col.txt .dlm-downloads li:before { display: none; }

.col.address { width: 230px; margin: 0 40px 33px 0; }
.col.address h3 { line-height: 1.3em; }
#map { width: 550px; height: 280px; float: left; margin: 0 0 33px; }

.col.vcncy { margin: 0 0 20px; }
.col.main .col.txt .col.vcncy h2 { font-size: 24px; font-weight: 700; margin: 0 0 2px; }
.col.main .col.txt .col.vcncy p.gold { font-weight: 700; }
.col.main .col.txt .col.vcncy ul { margin:0 0 25px 17px }

.col.single.news .txt { border-top: 10px solid #ae9971; }
.col.single .txt .cat { display: block; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size: 18px; text-transform: uppercase; margin: 0 0 7px; }
.col.single.news .txt .cat { color: #ae9971; }
.col.single.events .txt { border-top: 10px solid #eb353b; }
.col.single.events .txt .cat { color: #eb353b; }
.col.main.single .social { padding:15px 0 0; position:relative; }
.col.main.single .social .socialnks { position:absolute; right:0; top:15px; }
.col.main.single .social .socialnks a { display:inline-block; padding:0; }
.col.main.single .social .socialnks img { float:left; margin:0 0 0 5px; width: auto; }
.col.single .txt .sc_event_details { margin: 0 0 20px; line-height: 1.4em; font-weight: 700; }

.col.side { width: 300px; margin: 0 20px 55px 0; }
#sidemenu { background: #1c2856; padding:22px 0 21px; margin: 0 0 20px; }
#sidemenu ul { margin: 0; padding: 0; list-style: none; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; }
#sidemenu ul li { line-height: 1.1em; padding: 5px 30px; margin: 0; }
#sidemenu ul li a { color: #fff; }
#sidemenu ul li.toplvl > a { padding-right: 20px; background: url(images/gryphon-arrow-r-gold-sml.png) right 7px no-repeat; }
#sidemenu ul li:hover, #sidemenu ul li:focus { background:#2a3b7e; background:rgba(42,59,126,0.97); }	
#sidemenu ul li ul.children { opacity:0; visibility:hidden; display:none; list-style:none; background:#223067; width: 240px; height:auto; font-family:'Aller Typo W01 Regular', sans-serif; font-weight:normal; font-style:normal; font-size: 14px; position:absolute; left:300px; top:0; padding:24px 30px; z-index:48; }	
#sidemenu ul li ul.children.lrg { width: 660px; -moz-columns: 2; -webkit-columns: 2; columns: 2; }
#sidemenu ul li:hover ul.children, #sidemenu ul li:focus ul.children { opacity:1; visibility:visible; display:block; }
#sidemenu ul li ul.children li { background: none; border: none; height: auto; padding:3px 0 4px; line-height: 1.2em; width: 100%; }
#sidemenu ul li ul.children li:hover a, #sidemenu ul li ul.children li:focus a { border-bottom: 1px solid #fff; }
.col.side .button.download-link { width: 100%; margin: 0 0 20px; }
.col.side .col.box { width: 100%; }

.col.title .inner { padding: 27px 0 30px; }
.col.title h1 { margin: 0; }
.col.title.grdtl .inner { padding:0 0 30px; }

footer { width: 100%; height:auto; margin:0 auto; background:#1c2856; font-size: 14px; color:#7c8592; position:relative; overflow: hidden; }
footer .inner { margin:0 auto; max-width:1260px; padding:49px 0 0; position:relative; vertical-align:top; }
footer .col.half { width: 50%; }
footer .col.half img { margin: 3px 0 32px; }
footer .col.half img.ftrlogo { margin-right: 71px; }
footer .col.half p { line-height: 1.3em; margin: 0 0 18px; }
footer .col.quart { width: 22.5%; }
footer .col.quart.last { width: 27.5%; }
footer .col.quart h3 { font-family:'Aller Typo W01 Regular', sans-serif; font-weight:normal; font-style:normal; font-size: 24px; margin: 0 0 25px; }
footer .col.quart h3 a { color: #fff; }
footer .col.quart ul { font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size: 18px; list-style: none; margin: 0 0 25px; }
footer .col.quart ul li a { color: #fff; padding: 0 20px 0 0; background: url(images/gryphon-arrow-r-gold.png) right 5px no-repeat; }
footer .col.quart p { font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
footer .col.quart .gold { display: inline-block; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size: 18px; color: #ae9971; margin: 0 0 4px; }
footer .col.quart p a { color: #7c8592; }

footer .col.quart p a:hover, footer .col.quart p a:focus { border-bottom:1px solid #7c8592; }
footer .col.ftrbtm { margin: 28px 0 0; padding: 10px 0 11px; height: 66px; line-height: 66px; border-top: 1px solid #535d78; font-size: 14px}
footer .col.ftrbtm a { color: #7c8592; border-bottom:1px solid #7c8592; }
footer .col.ftrbtm a.siteby {  }
footer .col.ftrbtm span { display: inline-block; margin: 0 13px; }
footer .col.ftrbtm .ftrscl { float: right; font-size: 0; margin-left: 20px; }
footer .col.ftrbtm .ftrscl a { display: inline-block; color: #fff; border: none; margin: 15px 0 0 6px; }
footer .col.ftrbtm .ftrlogo { float:left; }

.col.breadcrumbs a, #sidemenu ul li ul.sub-menu li a, footer .col.quart a, footer .col.ftrbtm a, .button.download-link .hvr, .col.breadcrumbs a { -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; }	

.wp-caption { max-width: 100%; }
.wp-caption img { margin: 0 0 16px; }
.wp-caption p.wp-caption-text { font-size: 16px; font-weight: 400; font-style: italic; border-top: 6px solid #ae9971; color: #ae9971; padding: 10px 0 0; }

.gallery { margin: auto; }
.gallery .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; }
.gallery img { border: 4px solid #ededed; padding: 4px; }
.gallery .gallery-caption { margin: 10px 0; font-size: 80%; }
.gallery .landscape { margin: 0 5%; }

.col.main .col.txt ul.pgallery { list-style: none; margin: 0 0 30px; font-size: 0; }
.col.main .col.txt ul.pgallery li { display: inline-block; margin: 0 20px 20px 0; }
.col.main .col.txt ul.pgallery li a { display: block; }
.col.main .col.txt ul.pgallery li img { vertical-align: top; margin: 0 0 7px; }
.col.main .col.txt ul.pgallery li p { font-size: 12px; margin: 0; font-style: italic; border-top: 2px solid #ae9971; color: #ae9971; padding: 4px 0 0; }
.col.main .col.txt ul.pgallery li::before { display: none; }

.lgryphons h1, .lgryphons h2, .lgryphons h3, .lgryphons h4, .lgryphons h5, .lgryphons h6, .lgryphons strong, .lgryphons b, .lgryphons a, .lgryphons label, .lgryphons legend, .lgryphons span.req, .lgryphons .form .sending, .lgryphons th, .lgryphons td, .lgryphons .blue, .lgryphons .col.breadcrumbs .sep, .lgryphons .button.download-link, .lgryphons .menu ul li a { color: #647fc4; }
.lgryphons .rdchk input:checked ~ .rdchkcntrl, .lgryphons .form .done, .lgryphons .col.hero .slide .txtbx, .lgryphons .col.box.twttr, .lgryphons .col.box.fcbk, .lgryphons .col.box.mygrphn, .lgryphons #sidemenu, .lgryphons footer, .lgryphons #menu a::after, .lgryphons #menu li.active a::after, .lgryphons .searchbar, .lgryphons #topmenu, .lgryphons #topmenu::after { background: #647fc4; }
.lgryphons .col.breadcrumbs a:hover, .lgryphons .col.breadcrumbs a:focus, .lgryphons .col.main .col.txt p a:not(.button), .lgryphons #menu ul ul.sub-menu li { border-bottom: 1px solid #647fc4; }
.lgryphons .col.mygrphnwrp .col.box.mygrphn::after { border-top-color: #647fc4; }
.lgryphons .col.main .col.mygrphnwrp .col.txt { border-bottom: 10px solid #647fc4; }
.lgryphons .button.download-link { border: 3px solid #647fc4; }
.lgryphons #menu ul ul.sub-menu li { background:#647fc4; background: rgba(100,127,196,0.97); }
.lgryphons .gold, .lgryphons .gold strong, .lgryphons .col.box.twttr .txtbx p a, .lgryphons .col.box.fcbk .txtbx p a, .lgryphons .col.box.mygrphn p a, .lgryphons .col.box.news .txtbx .cat a, .lgryphons .col.box.mygrphn .txtbx h2 a, .lgryphons .col.hnh .txtbx h3, .lgryphons .col.box .bxbc a, .lgryphons .col.box .bxbc .sep, .lgryphons .col.main .col.txt h4, .lgryphons .col.main .col.txt ul li:before, .lgryphons .col.mygrphnwrp .col.box.mygrphn .txtbx h2, .lgryphons .col.single.news .txt .cat a, .lgryphons footer .col.quart .gold, .lgryphons .wp-caption p.wp-caption-text, .lgryphons #menu ul li ul.sub-menu ul li:hover a, .lgryphons #menu ul li ul.sub-menu ul li:focus a { color: #fae649; }
.lgryphons .button, .lgryphons button, .lgryphons input[type="submit"], .lgryphons input[type="reset"], .lgryphons input[type="button"] { background: #fae649; }
.lgryphons blockquote { border-left: 6px solid #fae649; }
.lgryphons .col.box.news .txtbx, .lgryphons .col.single.news .txt { border-top: 10px solid #fae649; }
.lgryphons .col.box .bxbc a:hover, .lgryphons .col.box .bxbc a:focus { border-bottom: 1px solid #fae649; }
.lgryphons .wp-caption p.wp-caption-text { border-top: 6px solid #fae649; }
.lgryphons .button.download-link { background: #fff; }
.lgryphons .button.download-link .hvr { background: rgba(100,127,196,0.95); }
.lgryphons .col.hero .slide .txtbx a { background: url(images/lgryphon-arrow-r-yellow.png) right 3px no-repeat; }
.lgryphons #sidemenu ul li.toplvl > a { background: url(images/lgryphon-arrow-r-yellow-sml.png) right 7px no-repeat; }
.lgryphons footer .col.quart ul li a { background: url(images/lgryphon-arrow-r-yellow.png) right 5px no-repeat; }
.lgryphons #sidemenu ul li:hover, .lgryphons #sidemenu ul li:focus, .lgryphons #menu ul ul.sub-menu li:hover, .lgryphons #menu ul ul.sub-menu li:focus, .lgryphons #menu ul li ul.sub-menu ul { background:#576eaa; background:rgba(87,110,170,0.97); }	
.lgryphons #sidemenu ul li ul.children { background:#809adc; }	
.lgryphons #sidemenu ul li ul.children li { background: none; }
.lgryphons footer, .lgryphons footer .col.quart p a, .col.box .txtbx .date, .lgryphons #topmenu ul li a { color:#cbd4e2; }
.lgryphons footer .col.quart p a:hover, .lgryphons footer .col.quart p a:focus { border-bottom:1px solid #cbd4e2; }
.lgryphons footer .col.ftrbtm { border-top: 1px solid #b1bbc9; }
.lgryphons footer .col.ftrbtm a { color: #cbd4e2; border-bottom:1px solid #cbd4e2; }
.lgryphons footer .col.ftrbtm .ftrscl a { border: none; }
.lgryphons #menu ul li.parent > a { background: url(images/lgryphon-arrow-dwn-yellow.png) right 34px no-repeat; }
.lgryphons #menu ul ul.sub-menu li.toplvl span { background: url(images/lgryphon-plus-icon.png) left top no-repeat; }
.lgryphons #topmenu::before { background: url(images/lgryphon-topmenu-bg.png) left top no-repeat; }
.lgryphons #topmenu, .lgryphons #topmenu::after { border-bottom: 1px solid #bcc7e5; }
.lgryphons #menu ul li ul.sub-menu li ul li, .lgryphons #menu ul li ul.sub-menu ul li:hover, .lgryphons #menu ul li ul.sub-menu ul li:focus { background: none; border: none; }
.lgryphons .searchbar.visible { width:662px; }

.sc_events_calendar { width: 100%; margin: 0 auto; }
.sc_events_calendar #sc_events_calendar_head { width: 100%; height: auto; border: none; border-top: 10px solid #eb353b; background: #f7f7f7; padding:15px 0 20px; margin: 0 0 30px; text-align: center; position: relative; }
.sc_events_calendar #sc_events_calendar_head h2 { width: 100%; float: none; font-family: 'Aller Typo W01 Bold', serif; font-size: 30px; font-weight: 700; margin:0; line-height: 1em; text-align: center; text-transform: uppercase; }
.sc_events_calendar #sc_events_calendar_head h2 span { display: block; font-weight: 400; }
.sc_events_calendar #sc_event_nav_wrap { width: 100%; height: 100%; text-align: center; position: absolute; left: 0; top: 0; }
.sc_events_calendar #sc_event_nav_wrap form { display: inline-block; text-align: center; position: absolute; top: 17px; }
.sc_events_calendar #sc_event_nav_wrap form#sc_event_nav_prev { left: 30px; }
.sc_events_calendar #sc_event_nav_wrap form#sc_event_nav_next { right: 30px; }
.sc_events_calendar #sc_event_nav_wrap form input[type="submit"] { font-size: 0; height: 57px; width: 31px; line-height: 0; margin: 0; }
.sc_events_calendar #sc_event_nav_prev input[type="submit"] { background: url(images/gryphon-cal-arrow-l.png) left top no-repeat; }
.sc_events_calendar #sc_event_nav_next input[type="submit"] { background: url(images/gryphon-cal-arrow-r.png) right top no-repeat; }
.sc_events_calendar #sc_calendar table { background: none; border-collapse: collapse; float: left; width: 100%; }
.sc_events_calendar #sc_calendar th { width:auto; background: none; border: none; padding: 24px 0 11px !important; font-family: 'Aller Typo W01 Bold', serif;  font-size: 18px; font-weight: 700; color: #535d78; text-transform: uppercase; }
.sc_events_calendar #sc_calendar tr { background: #fff; }
.sc_events_calendar #sc_calendar td { border: 1px solid #d2d2d2; text-align: center; padding: 30px 30px 35px !important; color: #ae9971; font-family: 'Aller Typo W01 Regular', serif; font-size: 24px; width: auto; }
.sc_events_calendar #sc_calendar td a { border: none; }
.sc_events_calendar #sc_calendar td.calendar-day { background:none; height: auto; position: relative; }
.sc_events_calendar #sc_calendar td.calendar-day.today { background: #f2f0e8; }
.sc_events_calendar #sc_calendar td.calendar-day-np { background: #f6f6f6; }
.sc_events_calendar #sc_calendar td .sc_day_div { padding: 0; }
.sc_events_calendar #sc_calendar td .day-number { float: none; margin:0 auto; }
.sc_events_calendar #sc_calendar td .sc_day_div .evtnwrp { display: inline-block; position: absolute; margin: 0; list-style: none; bottom: 1px; left: 0; width: 100%; text-align: center; }
.sc_events_calendar #sc_calendar td .sc_day_div a { position: relative; }
.sc_events_calendar #sc_calendar td .sc_day_div a span { display: inline-block; }
.sc_events_calendar #sc_calendar td .sc_day_div a span.mrkr { width: 14px; height: 14px; margin: 0 1px; background: url(images/gryphon-event-mrkr.png) left top no-repeat; position: relative; }
.sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr { box-sizing: border-box; opacity: 0; visibility: hidden; width: 238px; height: auto; background: #fff; border: 3px solid #eb353b; padding: 14px 20px 12px; text-align: left; position: absolute; left: 50%; bottom: 41px; margin-left: -119px; -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-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.35); z-index: 999; }
.sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr h3 { display: inline-block; font-family: "Aller Typo W01 Bold",sans-serif; font-weight: normal; font-size: 18px; margin: 0 0 14px; }
.sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr p { font-size: 14px; line-height: 1.2em; margin: 0 0 9px; color: #7c8592; }
.sc_events_calendar #sc_calendar td .sc_day_div a:hover span.rllovr { opacity: 1; visibility: visible; }
.sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr:after, .sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 11px; margin-left: -11px; }
.sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr:before { border-color: rgba(235, 53, 59, 0); border-top-color: #eb353b; border-width: 15px; margin-left: -15px; }
.col.full .sc_events_calendar #sc_calendar tr.calendar-row:first-child { background: none; }
.col.full .sc_events_calendar #sc_calendar th { text-align: center; padding: 3px 4px; }

.lgryphons .sc_events_calendar #sc_events_calendar_head { border-top: 10px solid #fae649; }
.lgryphons .sc_events_calendar #sc_event_nav_prev input[type="submit"] { background: url(images/gryphon-cal-arrow-l-lg.png) left top no-repeat; }
.lgryphons .sc_events_calendar #sc_event_nav_next input[type="submit"] { background: url(images/gryphon-cal-arrow-r-lg.png) right top no-repeat; }
.lgryphons .sc_events_calendar #sc_calendar th { color: #809adc; }
.lgryphons .sc_events_calendar #sc_calendar td { color: #b1bbc9; }
.lgryphons .sc_events_calendar #sc_calendar td.calendar-day.today { background: #f1f0e5; }
.lgryphons .sc_events_calendar #sc_calendar td .sc_day_div a span.mrkr { background: url(images/gryphon-event-mrkr-lg.png) left top no-repeat; }
.lgryphons .sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr { border: 3px solid #fae649; }
.lgryphons .sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr p { color: #7c8592; }
.lgryphons .sc_events_calendar #sc_calendar td .sc_day_div a span.rllovr:before { border-color: rgba(250, 230, 73, 0); border-top-color: #fae649; }

.lgryphons .col.single.events .txt { border-top: 10px solid #fae649; }
.lgryphons .col.single.events .txt .cat { color: #fae649; }

.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:40px 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: 17px; 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); } }
	
.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 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/vp-sldr-arrow-r.png) left top no-repeat; }
.slick-prev, .slick-prev:hover { left:0; background:url(images/vp-sldr-arrow-l.png) left top no-repeat; }	
	
.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/gryphon-fb-close.png) left top no-repeat !important; position:absolute; cursor:pointer; z-index:8040; }
.fancybox-close:hover { background-position:right top; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }	
.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; }
}

.buswrap { height:100%; margin:0; padding:0; width:100%; overflow:hidden; position:relative; border:none; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
#busmap, .buswrap #route_map, .buswrap #route_map svg { height:100%; width:100%; }
.buswrap .route, .buswrap .rtxt { cursor:pointer; }
.buswrap .overlay { display:none; width:458px; height:auto; background:#3fbb8b;	position:absolute; left:0; right:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); margin:0 auto; padding:10px; box-shadow:0 0 8px rgba(0,0,0,0.8); }
.buswrap .overlay h3 { font-family:"Aller Typo W01 Bold", Arial, Helvetica, sans-serif; font-weight:normal; font-size:30px; color:#fff; margin:0 0 0 10px; height:42px; line-height:42px; }
.buswrap .overlay .closebtn { display:block; width:40px; height:40px; background:url(images/busmap-close-btn.png) left top no-repeat; position:absolute; right:10px; top:10px; margin:0; padding:0; line-height:0; }
.buswrap .overlay .inner { background:#fff; margin:10px 0 0; padding:10px; font-size:16px; }
.buswrap .overlay .inner p { padding:0 10px; }
.buswrap .overlay .inner p:first-child { padding:10px 10px 0; }
.buswrap .overlay .inner p a { font-family:"Aller Typo W01 Bold", Arial, Helvetica, sans-serif; text-decoration:underline; }
.buswrap .overlay table { margin:0; width:100%;	border:none; }
.buswrap .overlay th, .buswrap .overlay td { border-bottom:none; border-right: 1px solid #aeaeae; line-height: 1em; padding: 10px; }
.buswrap .overlay th:last-child, .buswrap .overlay td:last-child { border-right:none; }
.buswrap .overlay th { font-family:"Aller Typo W01 Bold", Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; padding:8px 10px 18px; }		
.buswrap .overlay.r_860 { background:#3fbb8b; }					
.buswrap .overlay.r_859 { background:#208b7b; }		
.buswrap .overlay.r_857 { background:#2fbda7; }		
.buswrap .overlay.r_d070a { background:#308232; }
.buswrap .overlay.r_861 { background:#45a13f; }
.buswrap .overlay.r_d104 { background:#52b949; }
.buswrap .overlay.r_862 { background:#2ac0da; }
.buswrap .overlay.r_863 { background:#925c96; }
.buswrap .overlay.r_858 { background:#d96495; }
.buswrap .overlay.r_d080a { background:#e95765; }
.buswrap .overlay.r_d079a { background:#ea5626; }
.buswrap .overlay.r_d078a { background:#ed7825; }
.buswrap .overlay.r_261 { background:#efa81e; }
.buswrap .overlay.r_d074a { background:#f2be17; }
.buswrap .overlay.r_d077a { background:#ceb32c; }
.buswrap .overlay.r_d072a { background:#88a03f; }
.buswrap .overlay.r_d071a { background:#44b860; }

#boxes #dialog, #boxes #dialog-1 { padding: 40px !important; }
#boxes .window .close { background: url(images/gryphon-fb-close.png) left top no-repeat !important; right: -18px !important; top: -18px !important; }

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

.wmpci-popup-body p { line-height: 1.2em !important; margin: 0 0 20px !important; }
.wmpci-popup-body h1, .wmpci-popup-body h2, .wmpci-popup-body h3, .wmpci-popup-body h4 { margin: 0 0 20px !important; }

.form-info-note p { font-size: 80%; }
				
/* #IE Browsers
================================================== */		
* html.ie6 body, html.ie7 body, html.ie8 body { background:#FFF url(images/gryphon-school-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: 1300px) {		
#wrap { overflow: visible; }
#header-wrap header, .col.breadcrumbs .inner, .col .inner, footer .inner { margin: 0 20px; }	
#menu, .searchbar { display: none; }
.menubtn { background: #ae9971 url(images/menu-icon-btn-bg.png) 20px 16px no-repeat; padding: 0 20px 0 50px; margin:0; height: 46px; line-height: 46px; position: absolute; top:64px; right:0; -moz-transition:none; -o-transition:none; -webkit-transition:none; transition:none; }
.menubtn:hover, .menubtn:focus { background: #ae9971 url(images/menu-icon-btn-bg.png) 20px 16px no-repeat; }		
#mobmenu { position:absolute; left:-20px; right:-20px; top:140px; box-shadow:0 5px 5px rgba(0,0,0,0.2); }
#mobmenu ul { list-style:none; *zoom:1; margin:0; font-family:'Aller Typo W01 Bold', sans-serif; font-weight:normal; font-style:normal; font-size:16px; background:#fff; background: rgba(255,255,255,0.97); border-top:1px solid #d2d2d2; }	
#mobmenu ul:before, #mobmenu ul:after { content:" "; display:table; }
#mobmenu ul:after { clear:both; }	
#mobmenu ul a { padding:15px 25px; color:#1c2856; text-decoration:none; }
#mobmenu ul li { position: relative; margin:0; line-height:1.2em; }
#mobmenu ul > li { float:none; border-bottom:1px dotted #d2d2d2; }
#mobmenu ul > li > a { display:block; }
#mobmenu ul ul { display: block; width: 100%; }
#mobmenu ul > li > a.parent { background-image: url(images/gryphon-arrow-dwn-gold-mbl.png); background-repeat: no-repeat; background-position: 100% 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 { border-bottom:1px solid #2a3b7e; }
#mobmenu ul li li a { display: block; color: #fff; background: #1c2856; background: rgba(28,40,86,0.97); position: relative; z-index:47; }
#mobmenu ul > li li > .parent { background-image: none; }
#mobmenu ul > li li > .parent span { display: inline-block; float: right; width: 9px; height: 8px; left:-2px; background: url(images/gryphon-plus-icon.png) left top no-repeat; position: relative; top: 6px; }
#mobmenu ul li li li { border-bottom:1px solid #1c2856; }
#mobmenu ul li li li a { background:#2a3b7e; background:rgba(42,59,126,0.97); }
#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.hover > ul, #mobmenu ul li li.hover ul { position: static; }	
#topmenu { background: #fff; border-bottom:none; top: 13px; right: -10px; }
#topmenu, #topmenu ul, #topmenu ul li { height: 30px; }
#topmenu ul li { padding:0 10px; line-height:30px; } 
#topmenu ul li a { color:#1c2856; }	
#topmenu ul li.srch, #topmenu::before, #topmenu::after { display: none; }	
#mobmenu ul.tpmnu { background: #1c2856; background: rgba(28,40,86,0.97); }
#mobmenu ul.tpmnu a { color:#fff; }
#mobmenu ul.tpmnu > li { border-bottom:1px dotted #2a3b7e; } 	
#mobmenu .tpmnu .searchbar { box-sizing: border-box; height:63px; line-height:63px; padding: 0 25px; left:0; }
#mobmenu .tpmnu .searchbar.active { width: 100%; display: block; visibility: visible; opacity: 1; }
#mobmenu .tpmnu .searchbar input[type="text"] { height:63px; line-height:63px; font-size:18px; }
#mobmenu .tpmnu .searchbar.active form input[type="submit"] { opacity: 1; visibility: visible; }
.col.box { width: 23.8%; }	
.gutter-sizer { width: 1.6%; }	
.col.main { width: 74.6%; }
.col.side { margin: 0 1.6% 55px 0; width: 23.8%; }	
#sidemenu ul li ul.children { left: 100%; }	
.dwnbtn { left: 20px; margin-left:0; }	
.col.hnh .txtbx { float: none; padding: 45px 60px 0 20px; width: 100%; }	
.ldmore .inner, .col.boxes .ldmore .inner { margin: 0 auto; }	
.col.address, #map { width: 100%; }	
.dlm-downloads li, .col.main .col.txt .dlm-downloads li, .col.dlnkwrp .button.download-link { width: 30.33%; margin: 0 3% 3% 0; }
.dlm-downloads li .button.download-link { width: 100%; margin: 0; }	
.col.main .col.dlnkwrp .button.download-link:nth-of-type(3n) { margin-right: 3%; }	
.col.side .col.dlnkwrp .button.download-link { width: 100%; margin: 0 0 20px; }	
table { width:100%; }
thead { display: none; }
tbody td { display: block; text-align:center; border-top: none; }
tbody tr:first-child td:first-child { border-top: 3px solid #7c8592; }
tbody td:before { content: attr(data-th); display: block; text-align:center; color: #7c8592; }
.sc_events_calendar #sc_calendar td { box-sizing: border-box; width: 14.28%; display: inline-block; font-size: 18px; padding: 20px 15px 25px !important; }
tbody td:empty { display: none; }
.lgryphons .menubtn { background: #fae649 url(images/menu-icon-btn-bg.png) 20px 16px no-repeat; }
.lgryphons .menubtn:hover, .lgryphons .menubtn:focus { background: #fae649 url(images/menu-icon-btn-bg.png) 20px 16px no-repeat; color: #647fc4; }		
.lgryphons #mobmenu ul a { color:#647fc4; }
.lgryphons #mobmenu ul > li > a.parent { background-image: url(images/lgryphon-arrow-dwn-yellow-mbl.png); }
.lgryphons #mobmenu ul li li { border-bottom:1px solid #576eaa; }
.lgryphons #mobmenu ul li li a { color: #fff; background: #647fc4; background: rgba(100,127,196,0.97); }
.lgryphons #mobmenu ul > li li > .parent span { background: url(images/lgryphon-plus-icon.png) left top no-repeat; }
.lgryphons #mobmenu ul li li li { border-bottom:1px solid #647fc4; }
.lgryphons #mobmenu ul li li li a { background:#576eaa; background:rgba(87,110,170,0.97); }	
.lgryphons #topmenu { background: #fff; border: none; }
.lgryphons #topmenu ul li a { color:#647fc4; }		
.lgryphons #mobmenu ul.tpmnu { background: #647fc4; background: rgba(100,127,196,0.97); }
.lgryphons #mobmenu ul.tpmnu a { color:#fff; }
.lgryphons #mobmenu ul.tpmnu > li { border-bottom:1px dotted #576eaa; } 	
}

@media only screen and (max-width: 1200px) {	
.col.box { width: 32%; }	
.gutter-sizer { width: 2%; }	
.dlm-downloads li, .col.main .col.txt .dlm-downloads li, .col.dlnkwrp .button.download-link { width: 47%; }
footer .col.half { width: 100%; text-align: center; margin: 0 auto 30px; }
footer .col.quart, footer .col.quart.last { width: 50%; text-align: center; }
footer .col.ftrbtm { height: auto; line-height: 1.2em; text-align: center; }
footer .col.ftrbtm .ftrscl { float: none; width: 100%; margin: 30px 0 0; }
footer .col.ftrbtm .ftrscl a {margin: 0 3px; }	
footer .col.ftrbtm .ftrlogo { float: none; width: 100%; margin: 20px 0; }
}

@media only screen and (max-width: 1100px) {
.col.hnh .col.half { width: 100%; }
.col.hnh .col.half.last { display: none; }
.col.hnh .txtbx { text-align: center; padding: 45px 40px 20px; }
.col.hnh .txtbx p { font-size: 20px; }	
#sidemenu ul { font-size: 16px; }
#sidemenu ul li.toplvl > a { background: url(images/gryphon-arrow-r-gold-sml.png) right 4px no-repeat; }	
.lgryphons #sidemenu ul li.toplvl > a { background: url(images/lgryphon-arrow-r-yellow-sml.png) right 4px no-repeat; }	
.wmpci-popup-body { max-width: 60% !important; }
.wmpci-popup-body img { max-width: 100%; height: auto; margin: 0 0 20px; }   
}
	
@media only screen and (max-width: 960px) {	
#topmenu, #sidemenu { display: none; }	
.menubtn { top:47px; }	
.col.main { float: left; width: 100%; margin: 0; }
.col.pghero { height: auto; }
.col.pghero h1 { left: 25px; }
.col.main .col.txt, .col.main .col.mygrphnwrp .col.txt, .col.mygrphnwrp .col.box.mygrphn { padding: 36px 25px 27px; }
.col.side { margin: 0 0 55px; width: 100%; }
.col.side .col.box .imgbx { display: none; }
.wmpci-popup-body { max-width: 80% !important; }
}

@media only screen and (max-width: 880px) {		
.col.box { width: 48.8%; }	
.gutter-sizer { width: 2.4%; }	
.col.hero .slide .txtbx h2 { font-size: 30px; }
.col.hero .slide .txtbx h3 { font-size: 16px; }
}	

@media only screen and (max-width: 760px) {		
.col.hero { height: auto; left: auto; padding: 0; margin: 0 0 20px; position: relative; top: auto; transform: none; background: #1c2856; }
.col.hero .slide .inner { position: relative; width: 100%; margin: 0; }	
.col.hero .slide .txtbx { padding: 23px 30px 27px; left: 0; width: 100%; bottom: auto; position: relative; }
.col.hero .slide .txtbx h2 { font-size: 26px; }
.col.hero .slide .txtbx h3 { font-size: 14px; }	
.col.pghero { margin: 0; }	
h1 { font-size: 48px; }
.col.main .col.txt h1.pgttl { margin: 12px 0 30px; }	
.dwnbtn { display: none; }	
#home .container { position: relative; top: auto; }			
footer .col.quart, footer .col.quart.last { width: 40%; margin: 0 5%; }
footer .col.ftrbtm { line-height: 1.6em; }	
.lgryphons .col.hero { background: #647fc4; }
.sc_events_calendar #sc_events_calendar_head h2 { font-size: 20px; }
.sc_events_calendar #sc_event_nav_wrap form { top: 7px; } 
.sc_events_calendar #sc_event_nav_wrap form#sc_event_nav_prev { left: 20px; }
.sc_events_calendar #sc_event_nav_wrap form#sc_event_nav_next { right: 20px; }
.sc_events_calendar #sc_calendar td { font-size: 16px; }
.col.mygrphnwrp .col.box.mygrphn .txtbx { width: 100%; }
}
	
@media only screen and (max-width: 660px) {		
#header-wrap { height: 100px !important; }
#header-wrap header { height: 100px; }	
#gryphon-school-logo { width:149px; height:74px; }
#gryphon-school-logo img { height: 74px; width: auto; }
#little-gryphons-logo { width:79px; height:100px; }
#little-gryphons-logo img { height: 100px; width: auto; }	
.menubtn, .menubtn:hover, .menubtn:focus { background: #ae9971 url(images/menu-icon-btn-bg.png) center 16px no-repeat; padding: 0 25px !important; line-height: 46px !important; text-indent: -999em; margin:0; top: 27px; right: 0; }	
#mobmenu { top:100px; }		
.lgryphons .menubtn, .lgryphons .menubtn:hover, .lgryphons .menubtn:focus { background: #fae649 url(images/menu-icon-btn-bg.png) center 16px no-repeat; }		
.col.hero .slide .txtbx { padding: 23px 20px 27px; }
.col.hero .slide .txtbx h2 { font-size: 22px; }
.col.hero .slide .txtbx h3 { font-size: 12px; }
.col.hnh .txtbx p { font-size: 16px; }	
h1 { font-size: 40px; }
h2 { font-size: 26px; }	
.col.main .col.txt ul.pgallery li { width: 31.33%; margin: 0 2% 2% 0; }
.col.main .col.txt ul.pgallery li img { width: 100%; height:auto; }	
.dlm-downloads li, .col.main .col.txt .dlm-downloads li, .col.dlnkwrp .button.download-link { width: 100%; margin: 0 0 20px; }
.col.main .col.dlnkwrp .button.download-link:nth-of-type(3n) { margin-right: 0; }	
footer .col.half p br { display: none; }
footer .col.quart, footer .col.quart.last { width:100%; margin: 0 0 30px; }
}

@media only screen and (max-width: 560px) {		
.col.box { width: 100%; }	
.gutter-sizer { width: 0; }	
.col.hnh .txtbx { padding: 45px 20px 20px; }	
.col.side .col.box .imgbx { display: block; }	
.sc_events_calendar #sc_calendar td { width:100%; padding: 15px !important; }
.sc_events_calendar #sc_calendar td .sc_day_div .evtnwrp { position: relative; margin: 7px 0 0; }
.sc_events_calendar #sc_calendar td:empty { display: none; }
.sc_events_calendar #sc_calendar td:empty:before { content: ''; display: block; text-align:center; color: #7c8592; }
.col.mygrphnwrp .col.box.mygrphn .txtbx p { font-size: 18px; }
.col.mygrphnwrp .col.box.mygrphn .imgbx img { width: 100%; }
.wmpci-popup-body { max-width: 100% !important; }
}
	
@media only screen and (max-width: 480px) {		
.button:not(.ldmr), button, input[type="submit"], input[type="reset"], input[type="button"] { font-size: 16px; height: auto; line-height: 1.2em; padding: 12px 24px; }	
h1 { font-size: 34px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
.col.main .col.txt h1.pgttl { margin: 12px 0 20px; }	
.col.main .col.txt p, .col.main .col.txt > ul, .col.main .col.txt > ol { font-size: 16px; }	
.col.main .col.txt .wp-caption p.wp-caption-text { font-size: 14px; }	
.col.main .col.txt p > a { word-break: break-all; }
.col.dlnkwrp { margin: 0 0 20px; }
.button.download-link { width: 100%; margin: 0 0 20px; padding: 20px; }
.button.download-link .ttl { font-size:14px; }	
.col.side .col.dlnkwrp { margin: 0; }
.button.download-link .ttl { top:auto; -moz-transform:none; -webkit-transform:none; -ms-transform:none; transform:none; }
.button.download-link .hvr { line-height: normal; }
.button.download-link .hvr span { display: block; position: relative; top:50%; -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }	
.col.main .col.txt ul.pgallery li { width: 48%; margin: 0 2% 2% 0; }	
footer .col.half img.ftrlogo {  margin: 3px 20px 32px; }
footer .col.ftrbtm a { display: block; padding: 10px 0; }
footer .col.ftrbtm span { display: none }
#rc-imageselect, .g-recaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
}

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

@media only screen and (max-height: 720px) {		
.wmpci-popup-body { top: 10% !important; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; }
}