/* Theme Name: AEDARSA Theme URI: http://www.aedarsa.com/ Author: Bluehaus Creative Author URI: http://bluehaus.com Description: The custom AEDARSA theme for WordPress is a fully responsive theme that looks great on any device. Version: 1.0 Text Domain: AEDARSA DkBlue: #143d8d Blue: #4062a3 LtBlue: #00b3e3 DkGrey: #dcddde Grey: #f1f4f9 */ /* QUICK RESET ==================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, cite, code, del, dfn, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;list-style: none;} /* GENERAL ==================================================================== */ * {margin: 0;} html {padding: 0; margin:0;} body {/* height: 100%; width: 100%; */ padding: 0; margin: 0 auto; background: white url('http://aedarsa.com/wp-content/uploads/2014/02/bg_Nav.png') 47% 0 no-repeat font-size: 62.5%; font-family: 'Open Sans', Verdana, Helvetica, Trebuchet MS, sans-serif; font-size: 15px; font-size: 1.4rem; line-height: 28px; line-height: 2.8rem; text-align:left; /* color: #1c1f26; */ -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 100%;} img {max-width: 100%; height: auto; width: auto; /* Fix for IE */ padding: 0; vertical-align:middle; border:0; /* Box Sizing */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-interpolation-mode:bicubic; box-sizing: border-box;} .embed-container {position: relative; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 30px; /* IE6 workaround*/ height: 0; overflow: hidden;} .embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} img.scaleimg {width: 100%; height: auto;} .hidden {display: none;} .vertical-text {display: table-cell; vertical-align: middle;} .pattern {background: url('../img/contacts.jpg') center center no-repeat; height:100%; width: 100%; position: absolute;} ul, ol {padding-bottom:25px} ul li, ol li {display: list-item; padding: 0; list-style-position: outside; margin-left: 30px; line-height: 20px;} ul li {list-style-type:disc;} ol li {list-style-type:decimal;} hr {color: #9c87b7;} .divider {height: 1px; margin-top: 20px !important; margin-bottom: 50px !important; background-image: -webkit-linear-gradient(left, #fffdf0, #143d8d, #fffdf0); background-image: -moz-linear-gradient(left, #fffdf0, #143d8d, #fffdf0); background-image: -ms-linear-gradient(left, #fffdf0, #143d8d, #fffdf0); background-image: -o-linear-gradient(left, #fffdf0, #143d8d, #fffdf0);} /* .container > #bodyContent {padding: 0 100px;} */ .DkBlue {color: #143d8d;} .Blue {color: #4062a3;} .LtBlue {color: #00b3e3;} .DkGrey {color: #dcddde;} .Grey {color: #f1f4f9;} .img-responsive { display:block; height:auto; width:100%; } /* SMOOTH TRANSITIONS ==================================================================== */ body, img, p, h1, h2, h3, h4, h5, h6, #footer {transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear; -webkit-transition:all .2s linear; -ms-transition:all .2s linear;} /* CLEARFIX ==================================================================== */ .clearfix:before, .clearfix:after, .form-row:before, .form-row:after, .columns:before, .columns:after, .columns3:before, .columns3:after {content: ""; display: table;} .clearfix:after, .form-row:after, .columns:after, .columns3:after {clear: both;} .clearfix, .form-row, .columns, .columns3 {zoom: 1;} /* TYPOGRAPHY ==================================================================== */ h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', Verdana, Helvetica, Trebuchet MS, sans-serif;} h1 {font-size: 27px; font-size: 1.7rem; font-weight: 700; margin-bottom: 40px; color: #676767; padding-bottom: 0; letter-spacing: -1.5px; padding-left: 100px;} h1.introtext {color: #999; padding-bottom: 25px; border-bottom: 1px solid #efede1; margin-bottom: 30px;} h1.white {color: white;} h2 {margin: 0; color: #58c6e9; font-size: 28px; font-size: 1.7rem; line-height: 43px; padding-bottom: 5px;} h3 {font-family: 'Open Sans Condensed', Verdana, Helvetica, Trebuchet MS, sans-serif; color: #1c1f26; font-size: 21px; font-size: 1.3rem; position: relative; margin-bottom: 20px; border-bottom: 1px solid #efede1; padding-bottom: 0; text-transform: capitalize; font-weight: 700; letter-spacing: -.5px;} h3.white {color: white;} h4 {font-family: 'Open Sans Condensed', Verdana, Helvetica, Trebuchet MS, sans-serif; font-size: 16px; font-size: 1rem; font-weight: 700; text-transform: uppercase; color: #494949; text-align: left; margin: 0 0 20px 0;} h5 {font-size:13px; letter-spacing: 0; text-transform:uppercase; color: #686868; text-align:left; margin-bottom:5px; padding:5px 0;} h6 {font-size:8px; letter-spacing: 0; text-transform:lowercase; color: #ccc; text-align:left; margin-bottom:5px; padding:5px 0;} p, ol,ul {font-family: 'Open Sans', Verdana, Helvetica, Trebuchet MS, sans-serif; font-size: 13px; font-size: .8rem; line-height: 18px; line-height: 1.15rem; font-weight: 400; font-style: normal; margin-bottom:20px; text-align:left; color:#1c1f26;} p.right, h5.right {text-align:right} ol,ul,dl {/* margin-left: 2em; */} ol {list-style: decimal outside;} ol.a {list-style-type:lower-alpha;} ul {list-style: disc outside;} sup {vertical-align: super;} sub {vertical-align: sub;} p.emergency {color:#b00000; font-size:12px; font-weight:bold;} #introWidgets h2 {color: #58c6e9; font-size: 21px; font-size: 1.3rem; line-height: 24px; line-height: 1.5rem; margin: 20px 0; font-weight: 600; text-align: center;} #introWidgets p {text-align: center;} #newsUpdates {margin-bottom:20px;} #newsUpdates h2 {color:#143d8d; font-size:21px; text-transform:uppercase;} #newsUpdates p {text-align:center; margin-bottom:5px;} #FormDocs h3 {border-bottom: none; text-transform:uppercase !important; color: #143d8d;} #FormDocs ul li {margin-left: 0px;} table {width:100% !important; font-family: 'Open Sans', Verdana, Helvetica, Trebuchet MS, sans-serif; text-align:left; color:#1c1f26;} th {font-size: 14px; font-size: .9rem; line-height: 18px; line-height: 1.15rem; font-weight: 600; margin: 5px 0 15px !important; padding: 15px 0px !important;} td {font-size: 13px; font-size: .8rem; line-height: 18px; line-height: 1.15rem; font-weight: 400; border-bottom: none !important; padding: 0 10px !important;} .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border-top: none; border-bottom: 1px solid #ddd;} /* LINKS ==================================================================== */ a, a:link, a:visited {border:0; color: #00b3e3; text-decoration: none; font-weight:bold; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;} a:hover, a:focus {color: #143d8d !important;} #accidentBar h4, #accidentBar h4 a, #accidentBar h4 a:link, #accidentBar h4 a:visited {color: white; text-align: center !important; font-weight: 600; text-shadow: 0 1px 1px #333;} #accidentBar h4 a:hover, #accidentBar h4 a:focus {color: #eee !important;} #FormDocs ul li, #FormDocs ul li a, #FormDocs ul li a:link, #FormDocs ul li a:visited {list-style-type: none; color: #848484;} #FormDocs ul li a:hover, #FormDocs ul li a:focus {color: #143d8d !important;} footer a, footer a:link, footer a:visited {color: #68686A; font-weight:normal;} footer a:hover, footer a:focus {color: #00b3e3 !important;} .introWidget a, .introWidget a:link, .introWidget a:visited {color: #68686A; font-weight:normal;} .introWidget a:hover, .introWidget a:focus {color: #00b3e3 !important;} /* @FONT-FACE ==================================================================== */ /* LOGO ==================================================================== */ #logo { background: url('../img/logo-bg.png'); height: 103px; width: 100%; margin-bottom:40px} #logo .navbar-brand { margin-left:35px; padding:10px 0px; } #logo .img-responsive { height:80px; width:auto; } /* NAVBAR ==================================================================== */ #nav_container {top: 0; left: 0; right: 0; display: block; height: 397px; width: auto; text-align: center; margin: 0 auto; padding: 0; /* border: 1px solid blue; */} ##nav_container[id] {display: table;} #super_nav {position: absolute; /* top: 135px; */ z-index: 1;} #super_nav[id] {vertical-align: middle; width: 100%; /* position: relative; */} .parent_link, .non_parent_link {cursor: pointer; display: block; position: relative; width: 170px !important; float: left;} .parent_link a, .non_parent_link a, .children_nav a {display: block; width: 100%; margin: 0; padding: 2px 5px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 12px; color: #fff; text-decoration: none; text-transform: uppercase; text-shadow: 0 1px 1px #000; text-align: left;} .parent_link a:hover, .non_parent_link a:hover {color: #54cdf1 !important;} .children_nav {position: absolute; display: block; top: 140px; left: -100%; width: 100%; /*height: 100%;*/ z-index: 10; text-align: left;} .children_nav.nexpanded {position: inherit; width: inherit;} .children_nav.nexpanded p {display: none;} .children_nav ul li {list-style-type: none; padding: 0; margin: 0;} .children_nav a:hover {color: black; text-shadow: 0 1px 1px #ccc;} .navbar-default {background-color: transparent; border-color: transparent;} .navbar .nav > li {float: none !important;} .navbar-toggle {background-color: transparent; border: 1px solid grey;} .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: none; background-color:transparent;} .navbar .navbar-toggle .icon-bar {border: 1px solid white;} #bgBlue {position: absolute; top: 0; min-height: 105%; width: 100%; padding: 0; margin: 0 auto; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/02/bg_Nav.png') 47% 0 no-repeat; display: inline-block; z-index: -400; left: 0;} #bgLtBlue {position: absolute; top: 0; height: 100%; width: 100%; padding: 0; margin: 0 auto; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/02/bg_Subnav.png') 50% 0 no-repeat; display: none; z-index: -450;} #bgGrey {position: absolute; top: 0; min-height: 155%; width: 100%; padding: 0; margin: 0 auto; display: inline-block; z-index: -99000; left: 0;} /* SUBNAV ==================================================================== */ /* HEADER ==================================================================== */ .jumbotron {height: 400px; background-color:transparent; padding: 0; margin: 0; line-height:1.84286;} #header {position: absolute; top: 0; z-index:-9999; } #header img {height: 100%; width: 100%; } #emerg_num {height: 40px; /* width: 308px; */ padding: 10px 40px 0; margin: 0 auto; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/02/bg-emergency.png') top center no-repeat; display: inline-block; z-index: 1; position: absolute; float: right; font-size: 14px; font-size: .95rem; line-height: 18px; line-height: 1.4rem; font-weight: 400; font-style: normal; margin-bottom:20px; text-align:right;} #emerg_num a {color: #B00000;} #emerg_num a:hover {color: #F00000;} /* MAINPAGE WIDGET ==================================================================== */ a.ed_btn {margin: 0 auto; display: block; width: 213px; height: 213px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/bg_introwidgets.png') 0px 0px no-repeat; opacity:1; filter:alpha(opacity=100);} a.ed_btn span {display: block; width: 213px; height: 213px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/bg_introwidgets.png') 0px -213px no-repeat; opacity:1; filter:alpha(opacity=100);} a.ar_btn {margin: 0 auto; display: block; width: 213px; height: 213px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/bg_introwidgets.png') -213px 0px no-repeat; opacity:1; filter:alpha(opacity=100);} a.ar_btn span {display: block; width: 213px; height: 213px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/bg_introwidgets.png') -213px -213px no-repeat; opacity:1; filter:alpha(opacity=100);} a.pr_btn {margin: 0 auto; display: block; width: 213px; height: 213px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/bg_introwidgets.png') -426px 0px no-repeat; opacity:1; filter:alpha(opacity=100);} a.pr_btn span {display: block; width: 213px; height: 213px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/bg_introwidgets.png') -426px -213px no-repeat; opacity:1; filter:alpha(opacity=100);} /* FOOTER ==================================================================== */ footer {margin-top: 50px;} footer p {font-size: 12px; font-size: .75rem; line-height: 18px; line-height: 1.2rem; color:#68686A;} #accidentBar {background: url('http://aedarsa.com/wp-content/uploads/2014/02/sidebar2-menu.png') no-repeat top center; height: 46px; margin-bottom: 40px; padding-top: 10px;} #footerBar {background: url('http://aedarsa.com/wp-content/uploads/2014/02/IMG_footer.png') no-repeat bottom center; padding: 0 130px;} /* TABS ==================================================================== */ /* custom inclusion of left tabs */ .tabs-left > .nav-tabs {border-bottom: 0;} .tab-content > .tab-pane, .pill-content > .pill-pane {display: none;} .tab-content > .active, .pill-content > .active {display: block;} .tab-content {position: relative; /* width: 70%; */} .tabs-left {width: 100%;} .tabs-left > .nav-tabs > li { float: none;} .tabs-left > .nav-tabs > li > a {min-width: 74px; margin-right: 0; /* margin-bottom: 3px; */} .tabs-left > .nav-tabs {float: left; margin-right: 19px; border-right: 1px solid #ddd;} .tabs-left > .nav-tabs > li > a {color: #1c1f26; font-weight: normal; margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus {border-color: #eeeeee #dddddd #eeeeee #eeeeee;} .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus {border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; color: #143d8d; font-weight: bold;} .tabs-left > .nav-tabs .active > a:active {color: #00b3e3 !important;} .nav>li>a {padding: 5px;} ul.nav-tabs li {display: block; width: inherit; margin-left: 0 !important;} .nav-tabs>li.circleNav {width: 130px;} .nav>li>a.regulations_btn {margin: 0 auto; display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') 5px 5px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.regulations_btn span {display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') 0px -130px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.requirements_btn {margin: 0 auto; display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -110px 5px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.requirements_btn span {display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -115px -130px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.fees_btn {margin: 0 auto; display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -220px 5px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.fees_btn span {display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -225px -130px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.directives_btn {margin: 0 auto; display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -330px 5px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.directives_btn span {display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -335px -130px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.bulletins_btn {margin: 0 auto; display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -440px 5px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.bulletins_btn span {display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -445px -130px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.certificates_btn {margin: 0 auto; display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -550px 5px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.certificates_btn span {display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -555px -130px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.accident_btn {margin: 0 auto; display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -660px 5px no-repeat; opacity:1; filter:alpha(opacity=100);} .nav>li>a.accident_btn span {display: block; width: 110px; height: 130px; background: transparent url('http://aedarsa.com/wp-content/uploads/2014/01/nav-tabs.gif') -665px -130px no-repeat; opacity:1; filter:alpha(opacity=100);} .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 4px 0 !important; border-bottom: 1px solid #ddd !important;} .mobile_fees select {font-family: 'Open Sans', Verdana, Helvetica, Trebuchet MS, sans-serif; font-size: 13px; font-size: .8rem; line-height: 18px; line-height: 1.15rem; font-weight: 400; font-style: normal; margin-bottom:20px; text-align:left; color:#1c1f26;} .mobile_bulletins select {font-family: 'Open Sans', Verdana, Helvetica, Trebuchet MS, sans-serif; font-size: 13px; font-size: .8rem; line-height: 18px; line-height: 1.15rem; font-weight: 400; font-style: normal; margin-bottom:20px; text-align:left; color:#1c1f26;} /* FORMS ==================================================================== */ input[type="text"], input[type="email"], textarea {background-color: #fff; color: #686868; padding: 5px; border: 1px solid #bbb; width: 100%;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);} .form-group p {font-weight: 600; color: #686868; margin: 0; padding: 0;} .form-control {color: #666; background-color: white; border: 1px solid #ccc;} .form-control:focus {border-color:#761f99;} .form-row {padding-bottom: 20px;} .form-horizontal .control-label {text-align: left; width: 100%; border: 1px solid lime;} .message {margin: 0; float: left; margin-right: 15px; line-height: 38px; padding-left: 43px; padding-right: 18px; font-size: 11px;} .success-message {border: 1px solid #c2d288; border-left-width: 4px; background: #e3ebc6 url('../img/success.png') no-repeat 13px center; color: #8fa442;} .error-message {border: 1px solid #f7c7c9; border-left-width: 4px; background: #f9e5e6 url('../img/error.png') no-repeat 9px center; color: #b3696c;} textarea.error, input.error[type="text"], input.error[type="password"] {border-color: #ffd1bd !important; background: #fff0ea !important; box-shadow: 3px 3px 3px #f6e8e2 inset !important;} .footer-form .error-message {text-transform: uppercase; color: #5d5d5d; line-height: 13px; margin: 0; width: 110px; float: right; background: none; border: none; padding-top: 4px; padding-left: 0; padding-right: 0px;} .footer-form .error-message strong {color: #fd1818;} .footer-form .form-controls input[type="submit"] {margin-right: 5px;} label {padding-bottom: 40px; width: 100%;} label h4 {margin: 0;} label.error {display:none !important;} .btn-custom {color: #eee; text-shadow:1px 1px #000; border-color: #9c87b7; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ } .btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active {color: white; border-color: #761f99; background: #7db9e8; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 49%, #2989d8 50%, #1e5799 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(49%,#207cca), color-stop(50%,#2989d8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#207cca 49%,#2989d8 50%,#1e5799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */ } .btn-custom.disabled:hover, .btn-custom.disabled:focus, .btn-custom.disabled:active, .btn-custom.disabled.active, .btn-custom[disabled]:hover, .btn-custom[disabled]:focus, .btn-custom[disabled]:active, .btn-custom[disabled].active, fieldset[disabled] .btn-custom:hover, fieldset[disabled] .btn-custom:focus, fieldset[disabled] .btn-custom:active, fieldset[disabled] .btn-custom.active {background-color: #1e5799; border-color: #1e5799;} span.wpcf7-list-item {margin-left: 5%;} div.wpcf7 {margin: 0; padding: 0;} div.wpcf7-response-output {margin: 2em 0.5em 1em; padding: 0.2em 1em;} div.wpcf7-mail-sent-ok {border: 2px solid #398f14;} div.wpcf7-mail-sent-ng {border: 2px solid #ff0000;} div.wpcf7-spam-blocked {border: 2px solid #ffa500;} div.wpcf7-validation-errors {border: 2px solid #f7e700;} span.wpcf7-form-control-wrap {position: relative;} span.wpcf7-not-valid-tip {color: #f00; font-size: 1em; display: block;} span.wpcf7-list-item {margin-left: 0.5em;} .wpcf7-display-none {display: none;} div.wpcf7 img.ajax-loader {border: none; vertical-align: middle; margin-left: 4px;} div.wpcf7 div.ajax-error {display: none;} div.wpcf7 .placeheld {color: #888;} div.ui-datepicker{font-size: 15px; width:auto;/*font-size: .95rem;*/} /* #nav_container .navbar-default .navbar-toggle { border: 0 solid transparent !important; border-color: transparent !important; z-index: 10000; } #nav_container .navbar-toggle:hover, .navbar-toggle:focus {background-color: #f08a22;} #nav_container .nav > li { border-bottom: 0 solid #222; padding: 0; font-family: 'Open Sans Condensed', Verdana, Helvetica, Trebuchet MS, sans-serif; font-size: 9px; font-size: .9rem; text-transform: uppercase; display: inline; } #nav_container .navbar .nav>li>a { padding: 10px 15px 10px; color: white !important; text-shadow: 0 1px 0 #222 !important; border-bottom: 1px solid #222; } #nav_container .container>.navbar-header, #nav_container .container>.navbar-collapse {margin-right: -15px; margin-left: -15px; top: 0; position: absolute;width: 100%;} #nav_container .nav>li>a:hover, #nav_container .nav>li>a:focus {text-decoration: none; background-color: transparent;} #nav_container {position: absolute; top: 0; left: 0; right: 0; height: 450px; padding: 0; margin: 0;} #nav_container .navbar-toggle {background-color: transparent !important; border: 1px solid pink; position: absolute; z-index: 1; right: 0;} #nav_container .navbar-toggle .icon-bar+.icon-bar {background-color: pink;} #nav_container .navbar-nav {display: block; top: 50px; position: absolute; margin: 0; padding: 0; width: 90%;} .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {background-color: transparent; border: none;} .nav>li>a:hover, .nav>li>a:focus {text-decoration: none; background-color: transparent;} .nav-tabs>li>a:hover {border-color: transparent;} */ li.active span {opacity: 1 !important;} .tableft {float: left;} .tabright {float: left;} .row {clear: both;} .floatleft {float: left;} .floatright {float: right;} .clear {clear: both;} .tableft, .tabright { width: 50%; padding: 0 20px;} .feesright, .bulletinsright { width: 67%; } .feesright ul, .bulletinsright ul { padding-bottom:0;} .feesright ul li, .bulletinsright ul li {width:100%;} .feesleft ul, .bulletinsleft ul { float: left; width: 30%; } .feesleft ul li, .bulletinsleft ul li { width: 100%; } .feesleft, .bulletinsleft { clear: both; } .tab-pane.fade { display: none; } /* .mobile_fees_body { display: none; } .feesright, .feesleft {display: none;} */ .introText img.logo20yrs { float:left; } /* RESPONSIVE MEDIA BREAK POINTS (480px / 768px / 992px / 1200px) ==================================================================== */ @-webkit-viewport, @-moz-viewport, @-ms-viewport, @-o-viewport, @viewport {width:device-width;} @media \0screen {img {width: auto;}} /* Extra small devices (phones, less than 768px) */ @media only screen and (max-width: 479px) { /* h1 {padding-left: 0;} .nav-tabs>li.circleNav {padding: 0;} #logo {height: 20%; width: 20%;} #footerBar {background-color: #DCDDDE; padding: 0 20px;} .feesright, .feesleft {display: none;} .mobile_fees_body { display: none; } .mobile_fees { display: initial; } .bulletinsright, .bulletinsleft {display: none;} .mobile_bulletins_body { display: none; } .mobile_bulletins { display: initial; } .jumbotron {width: 100%; padding: 0; height: 125px;} */ } /* Extra small devices (phones, less than 768px) */ @media only screen and (min-width: 480px) { /* #bodyContent {width: 80%; margin: 0 auto; display: table;} */ /* h1 {padding-left: 0;} .nav-tabs>li.circleNav {padding: 0; margin: 0;} #logo {height: 20%; width: 20%;} .jumbotron {height: 250px;} #nav_container {position: absolute; top: 0; height: 50px; background-color: #143D8F;} #footerBar {background-color: #DCDDDE; padding: 0 20px;} */ /* .navbar-nav > li {border-bottom: 1px solid #222; font-size: 11px; font-size: 1.1rem;} .navbar-nav > li > a {line-height: 40px; background-color: #143d8d;} .navbar-collapse.in {overflow-y: visible !important;} .navbar-collapse {max-height: none;} .nav > li {display: block; border: 1px solid lime; background-color: #143d8d;} */ /* .feesright, .feesleft {display: none;} .mobile_fees_body { display: none; } .mobile_fees { display: initial; } .bulletinsright, .bulletinsleft {display: none;} .mobile_bulletins_body { display: none; } .mobile_bulletins { display: initial; } */ /* #navArea {padding: 0 !important; background-color: #143D8F; height: auto; z-index: 100;} */ } @media only screen and (max-width: 767px) { .non_parent_link, .parent_link { display: none; } #navArea {padding: 0 !important; background-color: #143D8F; z-index: 100;} a.navbar-brand-text, a.navbar-brand-text:link, a.navbar-brand-text:visited {display: block; font-family: 'Open Sans Condensed', Verdana, Helvetica, Trebuchet MS, sans-serif; font-size: 21px; font-size: 1.3rem; position: relative; margin-bottom: 20px; border-bottom: 1px solid #efede1; padding-bottom: 0; text-transform: capitalize; font-weight: 700; letter-spacing: -.5px;} a.navbar-brand-text:hover, a.navbar-brand-text:focus {color: white !important;} .navbar-brand {display: none;} .navbar-static-top {border-width: 0;} .navbar {min-height: 0; margin-bottom: 0; border: none;} .nav>li {font-size: 18px; font-size: 1.1rem; padding: 5px;} #emerg_num .emerg_type {display:none;} #emerg_num {position: absolute; height: 40px; width: 100px; padding: 8px 20px; margin: 0 auto; right: 0; top:58px} #header {position: absolute; top: 55px; z-index: -9999; width: 101%; left: 0; right: 0;} .feesright, .feesleft {display: none;} .mobile_fees_body { display: none; } .mobile_fees { display: initial; } .introText {color: #1c1f26; font-size: 14px; font-size: 0.8rem; line-height: 21px; font-weight: 400; width: 80%; margin: 0 auto 40px;} .bulletinsright, .bulletinsleft {display: none;} .mobile_bulletins_body { display: none; } .mobile_bulletins { display: initial; } h1 {padding-left: 0;} .nav-tabs>li.circleNav {padding: 0; margin: 0;} .jumbotron {height: 250px;} .jumbotron #logo { background: transparent; } .jumbotron #logo .navbar-brand{ display:none; } .jumbotron .navbar #logo { background: transparent;height: 20%; width: 20%; margin-bottom:0px;} #nav_container {position: absolute; top: 0; height: 50px; background-color: #143D8F;} #footerBar {background-color: #DCDDDE; padding: 0 20px;} #bgBlue {display: none;} .navbar-nav>li>.dropdown-menu li.subitem {list-style-type: none;} .dropdown-menu>li>a {color: #00b3e3;} .table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {white-space: normal;} .navbar-collapse.in {overflow-y: visible; overflow-x: visible;} .navbar-collapse {max-height: auto; overflow-x: auto; max-height: 100%;} } /* Small devices (tablets, 768px and up) */ @media only screen and (min-width: 768px) { #logo { margin-bottom:20px; } .navbar-nav { display: none; } .non_parent_link, .parent_link { display: block; } .navbar-toggle { display: none; } #nav_container {height: 150px; background-color: transparent;} .collapse {display: inherit;} h1 {padding-left: 100px;} .nav-tabs>li.circleNav {width: 98px;} /* #logo {height: 100%; width: auto;}*/ .jumbotron {height: 300px;} /* .navbar-collapse {max-height: none;} .navbar .nav>li>a {background-color: #143d8d;} .nav > li {display: block; border: 1px solid lime; background-color: #143d8d;} */ .feesright, .feesleft {display: initial;} .mobile_fees_body { display: none; } .mobile_fees { display: none; } .introText {color: #1c1f26; font-size: 16px; font-size: 0.8rem; line-height: 25px; font-weight: 400; width: 80%; margin: 0 auto 40px;} .bulletinsright, .bulletinsleft {display: initial;} .mobile_bulletins_body { display: none; } .mobile_bulletins { display: none; } #navArea {/*padding: 15px;*/ background-color: transparent; height: auto; z-index: 100;} .navbar-brand-text {display: none;} .navbar-brand {display: initial;} #emerg_num .emerg_type {display:initial;} #emerg_num {margin: 40px 40px 0; background: transparent; display: inline-block; z-index: 1; position: absolute; float: right; font-size: 14px; font-size: .95rem; line-height: 18px; line-height: 1.4rem; font-weight: 400; font-style: normal; margin-bottom:20px; text-align:right; right: 0;} #header {/* position: absolute; */ top: 0;} #bgBlue {display: initial; background-position: 43% 0;} .navbar-collapse.in {overflow-y: visible;} .navbar-collapse {max-height: 100%;} .dropdown-menu>li .subitem {list-style-type: none;} .dropdown-menu>li>a {color: white;} } /* Medium devices (desktops, 992px and up) */ @media only screen and (min-width: 992px) { h1 {padding-left: 100px;} .nav-tabs>li.circleNav {width: 130px;} #nav_container {position: static; top: 0; height: 340px; width: 100%; overflow:hidden;} .jumbotron {height: 400px;} .introText {color: #1c1f26; font-size: 18px; font-size: 1.0rem; line-height: 29px; font-weight: 400; width: 80%; margin: 30px auto 40px;} #bgBlue {background-position: 44% 0;} #footerBar {background: url('http://aedarsa.com/wp-content/uploads/2014/02/IMG_footer.png') no-repeat bottom center;} } /* Large devices (large desktops, 1200px and up) */ @media only screen and (min-width: 1200px) { /* h1 {padding-left: 100px;} */ /* #bodyContent {width: 80%; margin: 0 auto; display: table;} */ .container {width: 970px !important;} #header {width: 1235px;} .introText {color: #1c1f26; font-size: 21px; font-size: 1.1rem; line-height: 26px; font-weight: 400; width: 80%; margin: 30px auto 40px;} } @media only screen and (min-width: 1440px) { }