/*
Theme Name:  JSS
Description:  Custom theme for John Scottus School.
Author:  Sabrina Dent & Katherine Nolan
Author URI:  http://sabrinadent.com/
Version:  1.0

1. RESETS
2. TYPOGRAPHY
3. TYPOGRAPHY COLOURS
4. LISTS
5. FORMS Including site-specific form overrides
6. TABLES
7. SLIDES
8. COMMENTS
9. PAGINATION
10. UTILITY: Alignments/Notices/Triggers/Tabs
11. GALLERY
12. HEADER: Logo/Main Navigation
13. FOOTER
14. SIDEBAR
15. CONTENT
16. SOCIAL BUTTONS
17. LIGHTBOX
18. MISC/SITE SPECIFIC

 */
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

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,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
hr {-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
audio:not([controls]) {display: none;height: 0;}
[hidden] {display: none;}
svg:not(:root) {overflow: hidden;}
q {quotes:none;}
q:before, q:after {content:'';content:none;}
img {border: 0;}
html {font-size:62.5% ;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html, button, input, select, textarea {font-family:sans-serif;}
ul,ol {list-style-type:none;margin:0;padding:0;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 2. TYPOGRAPHY
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {
	font-size: 1.3em; 
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
	font-weight: 400;
	background-color:#f5f5f5;
	-webkit-font-smoothing: subpixel-antialiased !important;
}

/* Links */
a, a:focus,a:active, a:hover {text-decoration: none;}
a.more {text-transform:uppercase;font-size:95%;font-weight:500;}

/*Paragraphs */
p {padding-bottom:1em;line-height: 165%;}
p.last {margin-bottom:0;}
p.post-more {text-align:right;margin-bottom:0;}

/* Headings */
h1,h2,h3,h4,h5,h6 {font-weight: 400;padding: 0;font-family: 'Droid Serif', serif;line-height: 120%;padding:0.5em 0 1em 0;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration: none;}
h1 {font-size:1.65em;padding-top:0;}
h2 {font-size:1.45em;text-transform:uppercase;}
h3 {font-size:1.3em;}
h4 {font-size:1.2em;}
h5 {font-size:1.1em;}
h6 {font-size:1em;}



b, strong {font-weight:600;}
blockquote {margin:1em 0 2em 0; font-family: 'Droid Serif', serif;font-style:italic;padding:1em;font-size:120%;background-color:#E3E9EE;}
blockquote p  {line-height:170%;padding:0;}
/* Typography  Variations */
#sidebar h3 {padding:0;margin-bottom:1.75em;text-transform:none;}
#footer h3 {color:#fff;text-transform:none;}
h1.post-title {padding-bottom:0;}
h2.alt, h1.alt{font-size:2.5em;}
h2.box, h2.box a {font-size:1em;font-weight:700;color:#112a41;padding-bottom:0.5em;padding-left:2px;text-transform:uppercase;line-height:1;font-family:'Open Sans', sans-serif;}



/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 3. TYPOGRAPHY COLOURS
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

body {color:#404040 }
/* Links*/ 
a {color: #21a3e6;}
a:hover {color: #f26725;}
#nav a {color:#fff}
#nav a:hover{color:#fff}
#footer a {color:#efefef}
#footer a:hover {color:#fff}
#footer {color: #efefef;}
/* Headings */
h1,h3,h4,h5,h6 {color:#112a41}
h1 a,h3 a,h4 a,h5 a,h6 a {color:#112a41}
h1 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {color:#21a3e6}
h2, h2 a {color: #21a3e6;}
.boxed p {padding:0.25em 0;}
.boxed h3, .search-content h3 {font-size:1.2em;padding-bottom:0.25em;}
.boxed h3 a, .search-content h3 a  {color:#21a3e6}
.boxed h3 a:hover, .search-content h3 a:hover {color:#112a41}
h2 a:hover {color: #112a41;}
h3.arrow, #sidebar h3 {background-color:#21a3e6;color:#fff;line-height:1;padding:0.75em 0.5em;text-align:center;margin-bottom:0;font-size:1.1em;text-transform:uppercase;position:relative}

h3.arrow:after, #sidebar h3:after {border-top: 8px solid #21a3e6;border-left: 8px solid transparent; border-right: 8px solid transparent; top: 100%;content: "";position: absolute;left: 50%;margin-left: -8px;width: 0; height: 0;}
h2.alt {font-size:1.25em;background-color:#112A41;color:#fff;padding:0.5em 1em;line-height:120%;margin-bottom:0;}
p.headerp {font-size:1.2em;background-color:#fff;padding:0.5em 1em;margin:0;font-style:italic;}
.boxed-footer a {color:#999;text-transform:none;}
.boxed-footer .post-meta span {color:#f26725;}
.posttags a, a.more, #footer a.more {color:#f26725;text-transform:uppercase;font-weight:600}
.boxed-footer a:hover, .posttags a:hover, a.more:hover {color:#112a41}
/* Colour Variations*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 4. LISTS
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
 ul,ol {margin: 10px 0 10px 30px;}
 li ul,.entry-content li ol {margin: 0.5em 0 0 1.25em;}
li{padding-bottom: 0.5em;line-height:140%}
ul{list-style-type: square;}
ul ul {list-style-type: disc;}
 ol{list-style-type: decimal;}
ol ol {list-style-type: lower-alpha;}
#footer li {padding-bottom: 0.4em;}
.widget-inner ul {padding: 0;list-style-type: none;margin:0.5em 0 0 0;border-bottom:1px dotted #AEC5DB;}
.widget-inner li {padding: 0.5em 0;border-top:1px dotted #AEC5DB;list-style-type: none;margin:0;}
.widget-inner li.first {padding-top:0;border-top:0;}
.widget-inner ul ul {border:0;border-top:1px dotted #AEC5DB;}
.widget-inner ul ul li {border:0;padding-left:1em;}
.widget-inner ul ul li.first {padding-top:0.5em} 
.widget-inner li a  {color:#212121;}
.widget-inner li.current_page_item a  {font-weight:600}
.widget-inner li a:hover {color:#21a3e6}

#footer ul {margin-left:0;margin-top:0;list-style-type:none;padding-top:0;}
#footer ul li {margin:0;padding:0;padding-bottom:0.75em}
#footer .jssrecent ul li {border-bottom:1px dotted #21A3E6;margin-bottom:0.75em;color:#21A3E6}
ul.nopad {list-style-type:none;margin:10px 0;padding:0;}
ul.icons {list-style-type:none;margin-left:35px}
ul.icons li {padding-bottom: 0.5em;}
ul.icons li:before {content: '\f058';font-family: 'FontAwesome';float: left;;margin-left: -1.5em;color: #21a3e6;font-size:105%;}
ul.icons ul li {margin-left:0;}
ul.icons ul li:before {content: '';}
ul.upcoming li {padding:15px 5px;margin-left:-5px;clear:both;}
ul.upcoming li i.fa {font-size:70%}
ul.upcoming li:hover {background-color: #F7F9FC}
ul.upcoming li:before {content: '\f017';font-family: 'FontAwesome';float: left;margin:0 10px 15px 0;color: #21a3e6;font-size:275%;}
ul.upcoming h4 {font-weight:500;font-size:1.2em;text-transform:none;color:#929dac;font-family: 'Open Sans', sans-serif;line-height:120%}
ul.upcoming h4 a, ul.upcoming h4 a:hover {color:#717d90;}
ul.upcoming p {text-transform:uppercase;font-weight:300;font-size:0.75em;color:#717d90;padding:3px 0 0 0;margin:0;}

table td ul {margin-top:0;margin-bottom:0;}
table td ul.icons {margin-left:25px;}
dl {margin: 0 0 1em 0;}
dl dt {font-weight: normal;font-size:90%;float:left;clear:left;}
dd {margin-left: 1em;font-size:90%;float:left;}
dd p {padding:0;margin:0;}


/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 5. FORMS
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

label {
	padding-bottom: 0.25em;
	display: block;
}

legend {
	border: 0; /* 1 */
padding: 0; /* 2 */
}

input[type=text],input[type=email], input[type=password], input[type=url], input[type=date], input[type=month], input[type=time], input[type=datetime], input[type=datetime-local], input[type=week], input[type=number], input[type=search], input[type=tel], input[type=color], select, textarea {
	padding:.6em .6em;
	display:inline-block;
	border:1px solid #ccc;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	color:#888;
	max-width:100%;
}

input[type="text"]:focus,input[type="email"]:focus {
	background: #FFF;
	color: #333;
}

input:not([type]) {
	padding:.6em .6em;
	display:inline-block;
	border:1px solid #ccc;
	border-radius:2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

textarea.large {
	width: 100%;
	height: 250px;
}

textarea.medium {
	width: 100%;
	max-width: 400px;
	height: 80px;
}

input.small {
	max-width: 90px;
}

input.large {
	width: 100%;
}

input.medium {
	width: 90%;
	max-width: 400px;
}

button,input {
	line-height: normal;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button,input,select,textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=week]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, select:focus, textarea:focus {
	outline:0;
	outline:thin dotted 9;
	border-color:#888888;
	color:#333;
}

input:not([type]):focus {
	outline:0;
	outline:thin dotted 9;
	border-color:#888888;
}
input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
	outline:thin dotted #333;
	outline:1px auto #888888;
}

input[type=text][disabled], input[type=password][disabled], input[type=email][disabled], input[type=url][disabled], input[type=date][disabled], input[type=month][disabled], input[type=time][disabled], input[type=datetime][disabled], input[type=datetime-local][disabled], input[type=week][disabled], input[type=number][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=color][disabled], select[disabled], textarea[disabled] {
	cursor:not-allowed;
	background-color:#eaeded;
	color:#cad2d3;
}
input:not([type])[disabled] {
	cursor:not-allowed;
	background-color:#eaeded;
	color:#8D353A;
}

input[readonly], select[readonly], textarea[readonly] {
	background:#eee;
	color:#777;
	border-color:#ccc;
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
	color:#8D353A;
	border-color:#EDCFD0;
}

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
	border-color:#EDCFD0;
}

input[type=file]:focus:invalid:focus, input[type=radio]:focus:invalid:focus, input[type=checkbox]:focus:invalid:focus {
	outline-color:#e9322d;
}

select {
	border:1px solid #ccc;
	background-color:#fff;
}

select[multiple] {
	height:auto;
}

label {
	margin:.5em 0 .2em;
}

fieldset {
	margin:0;
	padding:.35em 0 .75em;
	border:0;
}

legend {
	display:block;
	width:100%;
	padding:.3em 0;
	margin-bottom:.3em;
	color:#333;
	border-bottom:1px solid #e5e5e5;
}
.gform_wrapper ul {margin-left:0;padding-left:0;list-style-type:none;}
.toggleit .gfield_required {display:none;}
/* Buttons */
input[type="button"],input[type="submit"],input[type="reset"],.button,a.button,a.comment-reply-link {
	display:inline-block;
	*display:inline;
	zoom:1;
	line-height:normal;
	white-space:nowrap;
	vertical-align:baseline;
	text-align:center;
	cursor:pointer;
	
	-webkit-user-drag:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	font-family:inherit;
	font-size:100%;
	*font-size:90%;
	*overflow:visible;
	padding:.4em 1em;
	font-weight:500;
	color:#fff;
	border:1px solid #f26725;
	background-color:#f26725;
	text-decoration:none;
	border-radius:3px;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
}
a.button.readmore {background-color:#fff;}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,a.button:hover,a.comment-reply-link:hover  {
	text-decoration:none;border:1px solid #f26725;
	background-color:#f26725;border-radius:0;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',  endColorstr='#1a000000',  GradientType=0);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
	background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image:-moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
	background-image:-o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image:linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));

}

a.button i {margin-right:10px;}
a.buttonbig, a.bigbutton{padding:.9em 1.5em;}
a.lightbutton {background-color:#21a3e6;border:1px solid #21a3e6;color:#fff}
a.lightbutton:hover {background-color:#21a3e6;border:1px solid #21a3e6;}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,a.button:active,a.comment-reply-link:active {
	box-shadow:0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px rgba(0, 0, 0, .2) inset;
}
button[disabled],html input[disabled] {
	cursor: default;
}
input#s {width:100%;background-image:url('img/search.png');background-position:right center;background-repeat:no-repeat;width:100%;max-width:180px;margin-bottom:1px;color:#bbb}
input#s:focus {max-width:312px;color:#333;border-color:#ccc;}
a.comment-reply-link, a.small-button {padding:.25em 1em;font-size:75%;text-transform:uppercase;}
[id*='gform_wrapper_'] label {font-weight:600 !important}
[id*='gform_wrapper_'] li.nolabel label {display:none !important;}
[id*='gform_wrapper_'] li.lightlabel label {font-weight:400 !important} 
#gform_wrapper_1 div.instruction, #gform_wrapper_4 div.instruction {display:none;}

.booking-form {padding:5px 20px;background-color:#f7f7f9}

[id*='gform_wrapper_'] .buttonrad ul, [id*='gform_wrapper_'] .buttonchk ul  {width:100%;max-width:100%;overflow:hidden;}
[id*='gform_wrapper_'] .buttonrad ul li,[id*='gform_wrapper_'] .buttonchk ul li {float:left;background-color:#DDE2E9;border-radius:3px;margin-right:10px;margin-top:10px;}
[id*='gform_wrapper_'] .buttonrad ul li:hover,[id*='gform_wrapper_'] .buttonchk ul li:hover {background-color:#BEC8D5;}

[id*='gform_wrapper_'] .buttonrad ul li input[type="radio"] {display:none;}
[id*='gform_wrapper_'] .buttonchk ul li input[type="checkbox"] {display:none;}
[id*='gform_wrapper_'] .buttonrad ul li label, [id*='gform_wrapper_'] .buttonchk ul li label  {float:left;padding:10px 20px;margin:0;}
[id*='gform_wrapper_'] .buttonrad ul li.highlight, [id*='gform_wrapper_'] .buttonchk ul li.highlight {background-color:#465366;color:#fff;}
[id*='gform_wrapper_'] .gfield_total {padding-top:20px;}
[id*='gform_wrapper_'] .gfield_total label {float:left;padding-right:5px;text-transform:uppercase}
[id*='gform_wrapper_'] .gfield_total .ginput_container {float:left;padding-top:0.15em;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 6. TABLES
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

table {border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #f6f6f6;margin-bottom:20px;}
table.simcal-calendar-grid {border:1px solid #E6E6E6;}
table caption {font:italic 85%/1 arial, sans-serif;padding:1em 0;text-align:center;}
td, th {border-left:1px solid #f6f6f7;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:6px;vertical-align:top;}
table.simcal-calendar-grid td, table.simcal-calendar-grid th {border:1px solid #E6E6E6;}
td:first-child, th:first-child {border-left-width:0;}
thead {background:#112a41;color:#fff;text-align:left;vertical-align:bottom;text-transform:uppercase;}
td {background-color:transparent;}
.stripey tr.alt td{background-color:#E3E9EE;}
tbody tr:hover td, .stripey tr.alt:hover td{background-color:#fcfcfc;}
span.simcal-current-month, span.simcal-current-year {color:#fff;}

/* For span-x classes on th/td. */
table .last {padding-right: 0;}
.urcalendar {position:relative;overflow: auto; overflow-y: hidden;-ms-overflow-y: hidden;}
.urcalendar table {width:100%;min-width:500px;}
.urcalendar tbody tr {border-bottom:1px solid #f6f6f7;}
.urcalendar tbody td {vertical-align:top;height:80px;width:14%;background-color:#fff;}
.urcalendar tbody td.empty {background-color:#FAFAFA;}
.urcalendar tbody td.today {background-color:#FBFEFB;}
.urcalendar tbody td.today span {font-weight:600}
.urcalendar tbody tr:hover {background-color:#fff;}
.urcalendar tbody td:hover {background-color:#F5F9FF;}
.urcalendar tbody td.today:hover {background-color:#FBFEFB;}
.urcalendar tbody td.empty:hover {background-color:#FAFAFA;}
#mainwrap .urcalendar tbody td ul.callist li {line-height:110%;padding:0 0 5px 0;}
.urcalendar tbody td ul.callist li a {display:inline;}
a.gcallink {color:#112A41}
a.gcallink:hover {color:#f26725}
.urcalendar tbody td ul.callist li a i.fa {font-size:80%}
.urcalendar .mobcalendar {display:none;clear:both;}
.urcalendar .mobcalendar h5 {line-height:1;padding:10px 0 5px 0;margin:0;}
#mainwrap ul.callist {list-style-type:none;margin:0;padding:0;font-size:90%}
#mainwrap ul.callist li {padding-bottom:0;}
#mainwrap .mobcalendar  ul.callist {margin:0;padding:10px 0;font-size:100%}
#mainwrap .mobcalendar ul.callist li {padding:0 0 5px 0}
.urcalendar select {float:right;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 7. SLIDES
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
.slidewrapper {position:relative;overflow:hidden;margin-top: -20px;}
.slidewrapper.moveup {margin-top: -158px;background-color: #112A41;} 
ul.rslides {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position:relative;
	z-index:1
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	z-index:1
}

#slidercontainer .rslides li {
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	background-image: none;
	z-index:1;
}

#slidercontainer {
	overflow: hidden;
	padding: 0;
	margin: 0 auto 0 auto;
	position:relative;
	position:relative;
	width:100%;
	max-width:1400px;
	z-index:1;
	text-align:center;
	background-color:#21A3E6;

}

.rslides img {display: block;position:relative;height: auto;float: left;width: 100%;border: 0;padding: 0;margin: 0;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 7a.  Alt SLIDES
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/



#slidercontaineralt ul.rslides, #slidercontaineralt ul.rvideo  {
	list-style-type: none;
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	max-width:1140px;
	padding: 0;
	margin: 50px auto 30px auto;
}

#slidercontaineralt .rslides li, #slidercontaineralt .rvideo li {
	position: relative;
	display: none;
	width: 100%;
	padding: 0;
	margin:0;
	list-style-type: none;
	background-image: none;
	background-color:#fff;
}
 #slidercontaineralt .rvideo li {display:block;overflow:hidden;}

#slidercontaineralt {
	overflow: hidden;
	padding: 0;
	margin: 0;
	margin-top: 0;
	position:relative;
	max-height:1000px;
	position:relative;
	overflow:hidden;
	text-align:center;
	background:#21A3E6;
	margin-bottom:2em;

}

.slideholder {
	position:relative;
	overflow:hidden;	
}



.slide-content {float:left;margin:0;padding:0.5em 1.5em 0 1.5em;width:32%;text-align:left;overflow:hidden;}
#slidercontaineralt .rslides img {display: block;height: auto;float: left;width: 68%;border: 0;padding: 0;padding-right:10px;margin: 0;background-color:#21A3E6;}
#slidercontaineralt .rvideo .video {float: left;width: 68%;border: 0;padding: 0;margin: 0;overflow:visible;padding-right:10px;margin: 0;background-color:#21A3E6;}
#slidercontaineralt h2 {color:#112a41;padding-bottom:0.75em;text-transform:none;}
#slidercontaineralt > div > div {position:relative;}
#slidercontaineralt .video-container {margin-bottom:0;}
#slidercontaineralt p {padding-bottom:0.75em;}
#slidercontaineralt p.last {padding-bottom:0;padding-top:0.5em}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 8. Comments
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

#comments{clear:both;margin-top:20px;padding-top:20px;border-top:1px dashed #dbdbdb}
.commentlist{list-style-type:none;padding-bottom:20px;margin:0 0 20px;padding-left:0}
.commentlist li{margin:0}
.commentlist li ul,.commentlist li li{margin:10px 0 0}
.commentlist ul:first-child{margin-top:0}
.commentlist li{position:relative;padding-top:20px;margin-top:20px}
.commentlist .reply-button{clear:both;overflow:auto;padding:5px 0 10px}
.commentlist ul .comment-wrap{margin-left:0}
.commentlist > li:first-child{padding-top:0;border-top:0;margin-top:0}
.commentlist li .children{margin-top:0}
.commentlist li .comment-content,.pingback{position:relative;overflow:hidden}
.commentlist li .comment-content p,.pingback p{margin:20px 0 0;font-size:.98em}
.commentlist li .comment-content{padding:0 0 0 15px;margin:0}
.commentlist li .comment-meta{float:left;margin-right:0;line-height:1}
.comment-author img{border-radius:2px}
.comment-content .comment-author{font-family:'Open Sans',sans-serif;margin-bottom:-10px;font-size:14px;font-weight:700}
.comment-content p{font-size:.95em}
.comment-content .comment-author a{border:none}
.comment-content .comment-author span{display:block}
.comment-content .comment-author span,.comment-content .comment-author span a{font-size:.85em;font-weight:400;text-transform:uppercase}
.comment-content .comment-author span a:hover{color:#777;background:none;text-decoration:none}
.form-allowed-tags{display:none}
.commentlist li .comment-wrap{padding:10px 0}

/* ----------------------------------------------------------------
Comment Form
-----------------------------------------------------------------*/
#respond,#respond form{margin-bottom:0}
.commentlist li #respond{margin:30px 0 0}
.commentlist li li #respond{margin-left:30px}
#respond p{margin:10px 0 0}
#respond p:first-child{margin-top:0}
#respond label small{color:#999;font-weight:400}
#respond input[type="text"],#respond textarea{margin-bottom:0}

/*-------------------------------------------------*/
/* 9.  Pagenation
/*-------------------------------------------------*/
.pagination{padding:20px 0;clear:both;overflow:hidden}
.paginationtop{padding:0}
.pagination a.page-numbers{float:left;margin-right:4px;display:block;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;background:#21a3e6}
.pagination span.dots{float:left;margin-right:4px}
.pagination span.current{float:left;margin-right:4px;display:block;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;background:#112A41}
.pagination a:hover{text-decoration:none;opacity:.9}

/*--------------------------------------------------------------*/
/* Utility
/*--------------------------------------------------------------*/
/* Responsive images*/
img {max-width:100%; height: auto;}
/*Other */
em {font-style: italic;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup { top:-.5em;}
sub {bottom:-.25em;}

.clear {clear: both;}
.small,small {font-size: 85%;}
.lower {text-transform:none;}
/* Align / Float */
.aright {text-align: right;}
.acenter {text-align: center;}
.fright {float: right;margin-left:20px;}
.fleft {float: left;margin-right:20px;}

/* WP Image alignment */
.alignright {float: right;margin: 5px 0 1.5em 1.5em;padding: 0;}
.alignleft {float: left;margin: 0 1.5em 1.5em 0;padding: 0;}
.aligncenter {margin: 1.5em auto;}



/* Notices */
.notice, .alert, .error-alert, .message  {overflow:hidden;padding:0.75em;margin:1.5em 0;background-color:#fff;border-top:2px solid #21a3e6;position:relative;}
.notice {border-top:2px solid #00DB45}
.alert, .error-alert {border-top:2px solid #DB0028}
.error-alert {font-weight:bold;color:#DB0028}
.message:after, .notice:after, .alert:after, .error-alert:after {
    border-top: 5px solid #21a3e6;
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    top:  0;
    content: "";
    position: absolute;
    left: 50%;
    margin-left:-2px;
    width: 0; 
    height: 0;
}
.notice:after {border-top: 5px solid #00DB45;} 
.alert:after, .error-alert:after {border-top: 5px solid #DB0028;}


/* Toggles */
.toggle-wrap {overflow:hidden;padding-bottom:1.5em;}
.toggle {padding:0.5em;margin-bottom:0;margin-top:5px; background:#21a3e6;color:#fff;border-bottom:1px solid #fff;overflow:hidden;text-transform:uppercase;font-weight:600}
.toggle:before {content: '\f061';font-family: 'FontAwesome';float: left;margin:0 0.5em 0 0;color: #fff;}
.toggle-container{display:none;position:relative;margin-bottom:0.5em;padding:1em 0;}
.toggle.active:before {content: '\f063';}
.toggle a, .toggle a:hover {text-decoration:none;color:#fff;}


/* Tabs */
ul#tabs {list-style-type: none;padding: 0;text-align: left;margin:0;}
ul#tabs li {display: inline-block;background-color: #21a3e6;color:#fff;padding: 0.5em 1em;margin-bottom:0;cursor: pointer;text-transform:uppercase;font-weight:300;opacity:0.6}
ul#tabs li:hover {opacity:0.75;}
ul#tabs li.active {opacity:1}
ul#tab {list-style-type: none;margin: 0;padding: 0;}
ul#tab li {display: none;background-color:#F0F0F0;border-top:1px solid #21a3e6;padding:1em;margin:0 0 1.5em 0;}
ul#tab li.active {display: block;}

hr {background: #21a3e6;border: none;width: 50px;height: 3px;margin: 10px auto 20px;}
hr.hr-left {margin-left: 0;}
hr.hr-right {margin-right: 0;}


.bpt {padding-top:40px;}
.bpb {padding-bottom:40px;}
.pt {padding-top:20px;}
.pb {padding-bottom:20px;}
.ptb {padding-bottom:20px;padding-top:20px;}
.bptb {padding-bottom:40px;padding-top:40px;}
.npr {padding-right:0 !important;}
.npb {padding-bottom:0;margin-bottom:0;}

.video-container {width:100%;overflow:hidden;margin-bottom:1.5em;}
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 11. GALLERY
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

.gallery.grid {margin-bottom:20px;margin-top:40px;}
.gallery-image {margin-bottom:20px;text-align:center;position:relative;}
.gallery-caption {position:absolute;top:0;right:20px;z-index:10;left:0;color:#fff;padding:5px;line-height:120%;background-color:#112A41;opacity:0.7;font-size:95%;border-bottom:1px solid E3E9EE;}
.gallery-image img {margin:0 auto;display:block}
.wp-caption,.wp-caption-text {
	font-size: 90%;
	text-align: center;
	font-style: italic;
	color: #555;
}
.gallery-caption {
	padding-bottom:10px;
}
.gallery p {margin:0.25em 0;}



/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 12. HEADER
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
.header {position:relative;}
#topbar {padding:0 0 22px 0;overflow:hidden;position:relative;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.84) 47%, rgba(237,237,237,0.65) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.84)), color-stop(100%, rgba(237,237,237,0.65)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.84) 47%, rgba(237,237,237,0.65) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.84) 47%, rgba(237,237,237,0.65) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,0.84) 47%, rgba(237,237,237,0.65) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,0.84) 47%, rgba(237,237,237,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); z-index:100}
#topbar img {float:left; margin-right:15px;}
#topbar [class*='col-']:last-of-type {padding-top:20px;}
#topbar .logo{padding-top:3px;}
#topbar .titlewrap {float:left;padding:0;margin:0;}
#topbar .titlewrap p {margin:0;padding:0;line-height:1;color:#003870}
#topbar .titlewrap p.sitetitle {font-size:2.5em;padding-top:10px;font-weight:400;font-family:'Droid Serif',serif;}
#topbar .titlewrap p.sitesubtitle {font-size:1.15em;clear:both;padding-top:5px;}
#topbar .titlewrap p.sitesubtitle span{text-transform:uppercase;}
#overheader {width:100%;padding:0;overflow:hidden;position:relative;margin-top:-20px;z-index:300}
#overheader  .overwrap {position:relative;overflow:hidden;padding-right:20px;}
#overheader [class*='col-'] {background-color:#112a41;}
#overheader.sticky{position:fixed;background-color:#112a41;margin-top:0;width:100%;left:0;top:0;z-index:300;border-top:0;-webkit-box-shadow:0 5px 12px -8px rgba(0,0,0,0.6);-moz-box-shadow:0 5px 12px -8px rgba(0,0,0,0.6);box-shadow:0 5px 12px -8px rgba(0,0,0,0.6)}

/* Mobile Navigation */
#mobile-header{float:right;overflow:hidden;position:relative;text-align:right;}
#mobile-header a{display:inline-block;color:#fff;padding:5px 0 10px 10px;}
#mobile-header a i.fa {color:#fff;}
a#uhtop{display:none;color:#21a3e6;}
a#uhtop i.fa {color:#21a3e6;}
#overheader.sticky a#uhtop {display:inline-block;}

a#responsive-menu-button {background-color:#112A41;padding:6px 10px;font-size:1.25em}
a#responsive-menu-button:hover {background-color:#112A41;}
.sidr{display:none;position:fixed;left:0;top:0;z-index:999999;width:180px;overflow-x:none;overflow-y:auto;background:#112a41;color:#fff;}
.sidr .sidr-inner{padding:0;}
.sidr.left{right:-24px;left:auto;}
.sidr ul{display:block;margin:0;padding:0;}
.sidr ul li ul{border-bottom:0;margin:0;padding:0;}
.sidr ul li{display:block;margin:0;line-height:33px;border-bottom:1px solid #193C5D;padding-bottom:0;}
.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{background-color:#112a41;}
.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#fff;background-color:#112a41;white-space:nowrap;}
.sidr ul li ul{display:none;}

/* Navigation */

#nav ul, #tbnav ul {display:block;padding:14px 0 0 0;margin:0;position:relative;width:auto;font-weight:400;height:40px;overflow:hidden;line-height:1}

#tbnav ul {padding-top:12px;font-family:'Droid Serif', serif}
#nav li, #tbnav li{display:inline-block;list-style-type:none;margin:0;padding:0;font-size:12px;position:relative;overflow:visible;line-height:100%;border-right:1px solid #21a3e6;}
#tbnav li {border-right:1px solid #fff;font-size:16px;}
#nav li a, #tbnav li a {display:block;float:left;text-decoration:none;padding:0 10px 0 7px;margin:0;position:relative;text-transform:uppercase;}

#tbnav li a {float:right;padding:0 12px 0 8px;color:#fff;position:relative;text-transform:none;}
#nav li.last, #tbnav li.last  {border-right:0;}
#nav li.last a, #tbnav li.last a {padding-right:0}
#nav li.first a {padding-left:14px;}
#nav li.current-menu-item a, #nav li a:hover, #nav li:hover a, #nav li.current_page_ancestor a, #nav li.current-post-ancestor a  {}


			
/* Logo */

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 13. FOOTER
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {margin-top:20px;}
.mainfooter {background: #112a41;overflow: hidden;padding: 20px 0 40px 0;font-size: 95%;}
.underfooter {background:#112a41;color:#efefef;border-top:1px solid #999;font-size:0.85em}
.underfooter .grid {padding-top:10px;}
.underfooter a {color:#fff}
.underfooter .col-1-2 {margin-bottom:10px;}
.subfooter {background:#444;padding:5px 0;color:#fff;text-align:center;border-top:1px solid #999;}
.subfooter a {color:#fff}
.footlast {position:relative}
.footinsta {padding-right:30px;margin:-10px 0 0 -10px;}
a#totop {color:#666;display:block;position: absolute; bottom: 15px;right: 20px;}
/* Social Icons */

#footer .footsocial{text-align:left;list-style-type:none;margin:0 auto;padding:10px 0;}
#footer .footsocial li {display:inline-block;padding:0 2px 5px 2px;margin:0 auto;}
.footsocial i.fa {border-radius:50%;color:#fff;display:inline-block;font-size:1.5em;padding:0.4em 0 0 0;text-align:center;width:32px;height:32px;opacity:0.9;}
.footsocial i.fa:hover {opacity:1;}
.footsocial .fa-rss{background-color:#e2733d;}
.footsocial .fa-twitter{background-color:#00aced;}
.footsocial .fa-facebook{background-color:#3b5998;}
.footsocial .fa-youtube{background-color:#bb0000;}

.footsocial .fa-vimeo{background-color:#1ab7ea;}
.footsocial .fa-linkedin{background-color:#007bb6;}
.footsocial .fa-instagram{background-color:#517fa4;}
.footsocial .fa-flickr{background-color:#ff0084;}
.footsocial .fa-google-plus{background-color:#dd4b39;}
.footsocial .fa-pinterest{background-color:#cb2027;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 14. SIDEBAR
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/


#sidebar .widget-container {margin-bottom:20px;padding:0;background-color:#fff;margin-right:20px;}
#sidebar a:hover {text-decoration: none;}
.widget-inner {padding: 1.5em 1em 2.5em 1em;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 15. CONTENT
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
.catboxes {overflow:hidden;}
.blog-item:nth-of-type(3n+1) {clear:both;}
.pagebar {overflow:hidden;}
.breadcrumbs {text-align:right;padding:1.75em 0;}
.breadcrumbs a {color:#21a3e6}
/* Posts/Pages */
.post-meta {padding:0.25em 0 1em 0;text-transform: uppercase;color: #999;font-size:90%;font-weight:300}
.course-meta {font-size:0.9em;color:#777}
.boxed .post-meta {padding-bottom:0.5em}
.post-meta i {margin:0 3px 0 0;}
.post-meta span {padding-left:10px;}
.post-meta span i {margin:0 3px 0 10px;}
.boxed-footer .post-meta span, .sfoot .post-meta span {padding-left:0;}
.main-thumbnail {margin-bottom:20px;}
.main-thumbnail img, .cat-thumbnail img {display:block;margin:0 auto;width:100%;}

.search-content {clear:both;margin-bottom:1.5em;padding:0;background-color:#fff;position:relative;overflow:hidden;}
.search-content .hasimg {padding:0 !important;margin:0 !important}
.search-content .noimg {padding-left:20px;}
.search-content .sfoot {clear:both;padding:1.25em;border-top:1px dotted #AEC5DB;text-align:left;}
.search-content h2 {padding-bottom:0.5em;}
.overmessage {position:absolute;top:0;left:0;text-align:center;z-index:20;background-color:#AA2226; color:#fff;padding:10px 0; width:100%;opacity:0.85}
.eventover {opacity:0.5}
.blog-item {margin-bottom:20px;}
.posttags {clear:both;padding:0.5em 0;overflow: hidden;}
.posttags a {color:#f26725;text-transform:uppercase;font-size:0.85em;font-weight:600}


.jsslogin {}

/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 16. SHARE BUTTONS
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

.socialshare {margin: 2em 0;text-align:left;padding:0.5em 1em;background-color:#E3E9EE;overflow:hidden;width:100%;}
.socialshare p {display:inline-block;padding:0;margin:0 0.25em 0 0;line-height:1;text-transform:uppercase;}
.sharrre {display:inline-block;margin: 0 auto;}
.sharrre .box {margin: 0;}
.sharrre .share{text-align: center;font-size:16px;line-height: 1;border:1px solid #21a3e6;height: 28px;padding:5px 0 0 0;margin:0 .25em;width: 28px;color:#fff;background:#21a3e6;opacity:0.9}
.sharrre .share:hover {opacity:1}
.twitter .share,.twitter .share:hover {background:#7AC5DF;border:1px solid #7AC5DF;}
.facebook .share, .facebook .share:hover {background: #637fbb;border:1px solid #637fbb;}
.pinterest .share, .pinterest .share:hover {background: #cb2027;border:1px solid #cb2027;}
.linkedin .share, .linkedin .share:hover {background: #0E76A8;border:1px solid #0E76A8;}
.googlePlus .share, .googlePlus .share:hover {background: #DD4B39;border:1px solid #DD4B39;}



/*++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 18. MISC SITE SPECIFIC
/*++++++++++++++++++++++++++++++++++++++++++++++++++*/

.grid.strapwrap {position:relative;z-index:200;margin-top:-34px;}
.homestrap {clear:both;padding:20px 10px;text-align:center;position:relative;background-color:#21a3e6;z-index:10;width:100%}
.homestrap h1 {text-transform:none;color:#fff;padding:0;margin:0;font-size:1.75em;line-height:120%}
.homestrap h1 span {text-transform:uppercase;font-size:0.8em;font-family:'Open Sans', sans-serif; font-weight:600}

.homeboxes {padding:4em 0 3.5em 0;overflow:hidden;}
.homethrees {overflow:hidden;}
.boxed-content {padding:0.89em 0.75em;text-align:left;}
.boxed-footer {padding:1.25em;text-align:center;border-top:1px dotted #AEC5DB;}
.boxed-footer p {padding:0;margin:0;line-height:120%}
.boxed-img {margin-top:-1px;}
.boxed-img img {display:block;width:100%;height:auto;}
.boxed {padding:0;margin:0;border:1px solid #EDEDED;background-color:#fff;}
.boxed.shadow {margin:0 0 4px 4px;border-left:0;-webkit-box-shadow: -2px 1px 3px 0px rgba(112, 112, 112, 0.5);-moz-box-shadow:-2px 1px 3px 0px rgba(112, 112, 112, 0.5);box-shadow:-2px 1px 3px 0px rgba(112, 112, 112, 0.5);}

.homefours {padding:3.5em 0;overflow:hidden;background-color:#F0F0F0}
.boxmenu {margin-top:0.5em}

.overflow {width:100%;width: -moz-calc(100% + 20px); width: -webkit-calc(100% + 20px); width: calc(100% + 20px);}

.mapp-body {font-weight:300}
.mapp-title {font-weight:400;padding-bottom:0.5em;text-transform:uppercase;}
.mapp-links a {display:inline-block;margin-top:0.25em;color:#f26725;text-transform:uppercase;font-weight:600}
.mapp-links a:hover {color:#112A41;}
.mapp-layout {margin-bottom:2em;}
.mapp-body img {float:right !important; margin-left:10px;}

.mobdrop {display:none;text-align:center;padding-bottom:20px;}
.mobdrop h6 {text-transform:uppercase;font-weight:bold;padding:0;margin:0;}

/**************/
/*** Tooltips ***/
/**************/
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 90%;
  left: 10px;
  margin-bottom: 5px;
  margin-left: -15px;
  padding: 5px 7px;
  width:auto;
 min-width: 40px;
 max-width:100px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #21A3E6;
  background-color: hsla(200, 80%, 52%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size:0.9em;
  line-height: 1.2;
  white-space:nowrap;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 90%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #21A3E6;
    border-top: 5px solid hsla( 200, 80%, 52%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.glide{position:relative;width:100%;height:100%;overflow:hidden;}.glide__wrapper{overflow:hidden}.glide__track{position:relative;width:100%;height:100%;list-style:none;margin:0;padding:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-ms-touch-action:pan-Y;touch-action:pan-Y}.glide__track.dragging{cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide__slide{width:100%;padding-bottom:0;line-height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__arrows{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide__arrow{cursor:pointer}.glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.glide__bullets li{cursor:pointer}.glide--slider .glide__slide{float:left;clear:none}.glide--carousel .glide__slide{float:left;clear:none}.glide--slideshow .glide__wrapper{height:100%}.glide--slideshow .glide__slide{height:100%;position:absolute;top:0;left:0;z-index:-1;-webkit-transform-style:preserve-3d;-webkit-transform:translate3d(0, 0, 0)}.glide--slideshow .glide__slide.active{z-index:1}
.glide__slide img {width:100%;height:auto;}