/*
Theme Name: Micron
Theme URI:
Description: The Wordpress Theme for Micron.
Author: Design Vibe
Version: 1.0
*/
/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, 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 { background:transparent; border:0; margin:0; padding:0 /*vertical-align: baseline; This breaks valign on tables. */ }
body { }
h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal }
ol, li {margin-left:16px; }
blockquote { quotes: none }
blockquote:before, blockquote:after { content: ''; content: none }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0 }
a img { border: none }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block }
/* Site styles */
html { /*min-width:393px;*/ background-color:#fff; font-family: 'Poppins', sans-serif; font-size:16px; color:#244061; line-height:26px; font-weight:400; overflow-x:hidden; }
h1 { font-size:36px; line-height:42px; color:#152b46; font-weight:700; margin-bottom:5px; font-family:'Poppins', sans-serif; }
h2 { font-size:28px; line-height:36px; color:#152b46; font-weight:600; font-family:'Poppins', sans-serif; }
h2 span { color:#0b73b9; font-weight:400; }
h3 { font-size:20px; line-height:26px; color:#152b46; margin-bottom:0; margin-top:15px; font-weight:600; font-family:'Poppins', sans-serif; }
h4,h5,h6 { font-size:18px; line-height:30px; color:#232323; font-family:'Poppins', sans-serif; }
h2.elementor-heading-title.elementor-size-default { line-height: 1.4em; }
h3.elementor-heading-title.elementor-size-default { line-height: 1.4em; }
strong, b, {}
p { margin:15px 0; }
a { color:#c00000; text-decoration:none }
a:hover { color:#3e5e83; text-decoration:none }
.centersplit { float:left; width:100%; height:2px; background-color:#efefef; margin:20px 0; }
input:focus,
select:focus,
textarea:focus,
button:focus {
outline: none;
}
.grecaptcha-badge {
display: none !important;
}
#wrapper { position:relative; z-index:10 }
#content_inner { position:relative; z-index:10; padding-top:60px; padding-bottom:60px; }
#blank_inner { position:relative; z-index:10; padding-top:10px; padding-bottom:70px; }
#content_inner .caption { display:none; }
#blank_inner .caption { display:none; }
#coursecont .caption { display:none!important; }
#responsive-menu-title { text-align:center; }
#responsive-menu-title-image { margin-right:0!important; }
#responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { text-transform:uppercase; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#8f8f8f; font-weight:400; font-size:16px; }
::-moz-placeholder { /* Firefox 19+ */ color:#8f8f8f; }
:-ms-input-placeholder { /* IE 10+ */ color:#8f8f8f; }
:-moz-placeholder { /* Firefox 18- */ color:#8f8f8f; }
#header { height:auto; width: 100%!important;position:relative; right: 0;left: 0; margin-bottom: 0; z-index:100; padding:20px 0 20px 0; }
#logo { float:left; }
#logo img { vertical-align:top; width:100%; height:auto; }
#tel { float:right; width:auto; margin-top:20px; }
#navbg { background-color:#3e5e83; }
nav { background:none; }
nav ul { height:53px; list-style-type:none; text-align:left; margin:0; text-align:center; }
nav ul li { width:auto; height:53px; list-style-type:none; margin:0; display:inline-block; }
nav ul li a { display:block; height:53px; line-height:53px; color:#fff; text-decoration:none; font-size:17px; font-weight:600; box-sizing:border-box; text-transform:uppercase; padding:0 26px; }
nav ul li a:hover { box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing:border-box; color:#c00000; }
nav li ul { display:none; z-index:999999; position:absolute; top:53px; list-style:none; padding:10px 10px 8px 10px; margin:0; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background-color:#262a5b; text-align:left; width:250px; height:auto; margin-left:20px; }
nav ul li:hover > ul { display:block; position:absolute; z-index:999999; text-align:left;}
nav li ul li { background-image:none; padding:0; height:auto; width:90%; border-right:0; }
nav li ul li:first-child { padding-top:4px; }
nav li ul:hover { display:block; }
nav li ul li a { text-align:left; color:#fff; padding-right:0; height:auto; font-size:14px; line-height:18px; text-align:left; float:left; margin:5px 0; border-right:0; padding-left:15px; }
nav li.menu-item-has-children ul li a { background-image:none; padding-right:15px; }
nav li.menu-item-has-children ul li a:link { color:#fff; }
nav li.menu-item-has-children ul li a:visited { color:#fff; }
nav li.menu-item-has-children ul li a:hover { color:#d65727; }
#mobcall { width:100%; background-color:#fe9b8e; color:#fff; font-weight:700; text-transform:uppercase; padding:5px 15px; text-align:center; display:none; }
/* Home Banner */
#homeban h1 { color:#fff; font-size:40px; line-height:50px; font-weight:400; margin-bottom:0; }
#homeban h2 { color:#fff; font-size:22px; line-height:30px; font-weight:400; }
/* Home content */
#hboxes { margin-top:50px; margin-bottom:50px; }
#hboxes h2 { font-size:20px; line-height:26px; }
#hboxes img { height:82px; width:auto; }
#hc1 { float:left; width:22%; min-height:239px; box-sizing:border-box; padding:20px 15px; box-shadow: 0px 0px 10px 0px rgba(36, 64, 97, 0.24); text-align:center; }
#hc2 { float:left; width:22%; min-height:239px; box-sizing:border-box; padding:20px 15px; box-shadow: 0px 0px 10px 0px rgba(36, 64, 97, 0.24); text-align:center; }
#hc3 { float:right; width:22%; min-height:239px; box-sizing:border-box; padding:20px 15px; box-shadow: 0px 0px 10px 0px rgba(36, 64, 97, 0.24); text-align:center; }
.divider { width:90%; margin:15px 0 15px 5%; float:left; height:1px; background-color:#c00000; }
.arrow { float:left; width:4%; text-align:center; padding-top:100px; }
.arrow img { height:auto!important; width:75%!important; }
/* Contact Form */
.wpcf7-text { width:100%; padding:10px 12px; border:none; font-family:'Poppins', sans-serif; margin-bottom:5px; font-weight:300; box-sizing:border-box; background-color:#fff; color:#232323;
margin:7px 2% 5px 0; float:left; font-size:17px; border:1px #efefef solid; }
.wpcf7-textarea { min-width:98%; max-width:100%; height:100px; padding:10px 12px; border:none; font-family:'Poppins', sans-serif; font-weight:300; box-sizing:border-box; background-color:#fff; color:#232323; margin-top:7px; font-size:17px; border:1px #efefef solid; }
.wpcf7-submit { display:inline-block; height:50px; line-height:43px; background-color:#c00000; text-transform:uppercase; color:#fff; padding-left:50px; padding-right:50px; font-size:20px;
font-weight:600; cursor:pointer; border:none; font-family:'Poppins', sans-serif; font-style:normal; }
.wpcf7-submit:hover { color:#fff; background-color:#254061; }
/* News */
#newspdata a { pointer-events: none; cursor: default; text-decoration: none; }
.display-posts-listing { margin-top:20px; }
.listing-item { float:left; width:100%; margin:0 0 20px 0; box-shadow: 0px 1px 4px 0px rgba(35, 31, 32, 0.25); min-height: 6rem; list-style-type:none; }
.listing-item .image { float:left; width:35%; }
.listing-item .image img { width:100%; height:auto; vertical-align:top; }
.listing-item .title { float:right; width:62%; font-size:27px; line-height:33px; color:#262a5b; font-weight:700; margin-top:30px; margin-bottom:15px; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif; letter-spacing:3px; }
.listing-item .title:hover { color:#0b73b9; }
.listing-item .date { float:right; width:62%; margin-bottom:10px; font-weight:700; }
.listing-item .excerpt { float:right; width:62%; box-sizing:border-box; padding-right:30px; }
.listing-item .excerpt-dash { display:none; }
#news_single { float:left;width:65%; }
#news_single h1 { font-size:30px; line-height:35px; color:#262a5b; font-weight:700; margin-bottom:10px; margin-top:0; text-transform:uppercase; font-family:'Roboto Condensed', sans-serif; letter-spacing:3px; }
#news_single img { max-width:100%; height:auto; margin-bottom:10px;}
#news_single .date { margin-bottom:20px;float:left; width:100%; font-weight:700; }
#sidebar { float:right; width:30%; }
#sidebar h2 { font-size:20px;line-height:23px;margin:0 0 10px 0; }
#newssidebar { list-style-type:none; }
#newssidebar li { list-style-type:none; padding:10px 0; border-bottom:1px solid #edf1f2; margin-left:0; }
#list { margin:0 0 8px 0; padding: 0; list-style-type: none; }
#list li { background: url(images/list.png) no-repeat; padding-bottom:7px; padding-left:15px; margin-left: 0;font-weight:600; }
/* Footer styles */
#footerbg { width:100%; background-color:#fff; border-top:1px solid #f1f2f2; padding:30px 0; clear:both; z-index:100; position:relative; }
footer { }
#foot1 { float:left; width:40%; box-sizing:border-box; padding-right:3%; }
#foot2 { float:left; width:20%; box-sizing:border-box; padding-right:3%; }
#foot3 { float:right; width:20%; box-sizing:border-box; text-align:right; }
#footdetails { float:left; width:100%; text-align:center; border-top:1px solid #3c3f6b; padding-top:20px; margin-top:20px; font-size:14px; }
.error, .success { color: #6C7988; margin:5px 0 10px 0 }
#contact_form table tr td { padding:4px 0 }
#contact_form label, #contact_form .label{ font-weight:normal }
#contact_form input[type="text"], #contact_form textarea { width:100%; font-family:Arial, Helvetica, sans-serif }
/* Post page styles */
.entry-header, .entry-content, .entry-meta { margin-bottom:15px }
.entry-content, .entry-meta { line-height:22px; }
#nav-single .nav-previous { float:left }
#nav-single .nav-next { float:right }
/* Common/ Re-usable classes */
.displaynone { display:none }
.alignright { text-align:right; float:right; }
.alignleft { text-align:left; }
.clearfix { *zoom: 1; }
.clearfix:after { content: " "; display: block; clear: both; visibility: hidden; font-size: 0; height: 0; }
.clear{ width:100%; height:0; clear:both; display:block; }
/* Spacing */
.spacer_1{height:1px;width:100%}
.spacer_2{height:2px;width:100%}
.spacer_3{height:3px;width:100%}
.spacer_4{height:4px;width:100%}
.spacer_5{height:5px;width:100%}
.spacer_6{height:6px;width:100%}
.spacer_7{height:7px;width:100%}
.spacer_8{height:8px;width:100%}
.spacer_9{height:9px;width:100%}
.spacer_10{height:10px;width:100%}
.spacer_11{height:11px;width:100%}
.spacer_12{height:12px;width:100%}
.spacer_13{height:13px;width:100%}
.spacer_14{height:14px;width:100%}
.spacer_15{height:15px;width:100%}
.spacer_16{height:16px;width:100%}
.spacer_17{height:17px;width:100%}
.spacer_18{height:18px;width:100%}
.spacer_19{height:19px;width:100%}
.spacer_20{height:20px;width:100%}
.spacer_21{height:21px;width:100%}
.spacer_22{height:22px;width:100%}
.spacer_23{height:23px;width:100%}
.spacer_24{height:24px;width:100%}
.spacer_25{height:25px;width:100%}
.spacer_26{height:26px;width:100%}
.spacer_27{height:27px;width:100%}
.spacer_28{height:28px;width:100%}
.spacer_29{height:29px;width:100%}
.spacer_30{height:30px;width:100%}
.spacer_31{height:31px;width:100%}
.spacer_32{height:32px;width:100%}
.spacer_33{height:33px;width:100%}
.spacer_34{height:34px;width:100%}
.spacer_35{height:35px;width:100%}
.spacer_36{height:36px;width:100%}
.spacer_37{height:37px;width:100%}
.spacer_38{height:38px;width:100%}
.spacer_39{height:39px;width:100%}
.spacer_40{height:40px;width:100%}
.spacer_41{height:41px;width:100%}
.spacer_42{height:42px;width:100%}
.spacer_43{height:43px;width:100%}
.spacer_44{height:44px;width:100%}
.spacer_45{height:45px;width:100%}
.spacer_46{height:46px;width:100%}
.spacer_47{height:47px;width:100%}
.spacer_48{height:48px;width:100%}
.spacer_49{height:49px;width:100%}
.spacer_50{height:50px;width:100%}
.font_size_10{font-size:0.625em}
.font_size_13{font-size:0.813em}
.font_size_15{font-size:0.938em}
.font_size_20{font-size:1.250em}
.font_size_23{font-size:1.438em}
.font_size_25{font-size:1.563em}
.font_size_30{font-size:1.875em}
.font_size_38{font-size:2.376em}
.font_size_40{font-size:2.500em}
.font_size_45{font-size:2.813em}
.font_size_50{font-size:3.126em}
.font_size_60{font-size:3.500em}
.font_size_70{font-size:6.500em}
/* #Media Queries (Needs to go at the bottom of the stylesheet
================================================== */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1200px) {
/* This is just used to easily and quickly identify which media query is being used */
html { border:none }
#book a { padding:10px 15px; font-size:14px; }
nav { width:60%; margin-left:3%; }
nav ul li { }
nav ul li a { font-size:15px; padding: 0 15px; }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* This is just used to easily and quickly identify which media query is being used */
html { border:none }
#header { position: relative;}
h1 { font-size:40px; line-height:46px; }
h2 { font-size:28px; line-height:34px; }
nav { width:60%; margin-left:2%; }
nav ul li { }
nav ul li a { font-size:13px; padding: 0 6px;}
#hc1 { width:49%; margin-bottom:20px; margin-right:2%; }
#hc2 { width:49%; margin-bottom:20px; }
#hc3 { width:49%; }
.arrow { display:none; }
#foot1 { width:100%; padding-right:0; margin-right:0; margin-bottom:20px; border-right:0; text-align:center; }
#foot2 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
#foot3 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
#foot4 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
}
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
/* This is just used to easily and quickly identify which media query is being used */
html { border:none }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* This is just used to easily and quickly identify which media query is being used */
html { border:none; font-size:15px; line-height:24px; }
#logo img { width:100%; height:auto; }
#header { position: relative; }
h1 { font-size:35px; line-height:40px; }
h2 { font-size:22px; line-height:30px; }
#navblock { display:none; }
nav { display:none; }
#header nav { display:none; }
#tel { display:none; }
#search { display:none; }
#hc1 { width:100%; margin-bottom:20px; min-height:auto; }
#hc2 { width:100%; margin-bottom:20px; min-height:auto; }
#hc3 { width:100%; min-height:auto; }
.arrow { display:none; }
#news_single { float:left; width:100%; clear:left; }
#news2 { float:left; width:100%; }
#news3 { width:100%; }
#tipsimage { width:100%; }
#tipsimage img { width:100%; }
#sidebar { float:left; width:100%; }
footer { line-height:22px; }
footer ul li { border-right:0; padding-left:0; }
footer ul li a { font-size:13px; }
#foot1 { width:100%; padding-right:0; margin-right:0; margin-bottom:20px; border-right:0; text-align:center; }
#foot2 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
#foot3 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
#foot4 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
/* This is just used to easily and quickly identify which media query is being used */
html { border:none; font-size:15px; line-height:24px; }
#logo { }
#logo img { width:100%; height:auto; }
#header { position: relative; }
h1 { font-size:35px; line-height:40px; }
h2 { font-size:22px; line-height:30px; }
h3 { font-size: 20px; line-height: 26px; }
#navblock { display:none; }
nav { display:none; }
#header nav { display:none; }
#tel { display:none; }
#search { display:none; }
/* Home Banner */
#homeban h1 { color:#fff; font-size:32px; line-height:38px; font-weight:600; margin-bottom:0; }
#homeban h2 { color:#fff; font-size:20px; line-height:26px; font-weight:600; }
#homeban h3 { color:#fff; font-size:18px; line-height:24px; font-weight:600; text-transform:uppercase; }
/* Contact */
#cleft { width:100%; }
#cright { width:100%; }
#hc1 { width:100%; margin-bottom:20px; min-height:auto; }
#hc2 { width:100%; margin-bottom:20px; min-height:auto; }
#hc3 { width:100%; min-height:auto; }
.arrow { display:none; }
#news_single { float:left; width:100%; clear:left; }
#news2 { float:left; width:100%; }
#news3 { width:100%; }
#tipsimage { width:100%; }
#tipsimage img { width:100%; }
#sidebar { float:left; width:100%; }
footer { line-height:22px; }
footer ul li { border-right:0; padding-left:0; }
footer ul li a { font-size:12px; }
#foot1 { width:100%; padding-right:0; margin-right:0; margin-bottom:20px; border-right:0; text-align:center; }
#foot2 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
#foot3 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
#foot4 { width:100%; min-height:auto; padding-right:0; margin-right:0; padding-left:0; margin-bottom:20px; text-align:center; }
#background-images { visibility:hidden; }
.hidden_spacer { display:none; visibility:hidden }
.one_quarter, .two_quarter { float:none; width:100% }
}