/*
Theme Name: Treasurer
Theme URI: https://1e1529b7-ce8a-47c6-be51-13c655d2abc6.p.bardy.io
Author: Delaware GIC - Matt Campbell, Julianne Solum
Author URI: https://75221f19-1c83-4d77-aa24-3f096f72ee15.p.bardy.io
Description: Custom WordPress theme designed exclusively for the Office of the Treasurer.
Version: CLF 4.0.1
Tags: Bootstrap, mobile first, State of Delaware
Text Domain: dosgic_TREASURER_theme
*/

/* ############################################################################################## */

/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S  */
/*  State of Delaware - CLF4 2016  */
/*  Developed by the GIC (Matt Campbell, Julianne Solum)  */

/* ############################################################################################## */

/*==========  Bootstrap 3 Mobile First Method CSS  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

/* ============================= ELEMENTS ============================= */
html {
-webkit-font-smoothing: antialiased !important;
position: relative;
min-height: 100%;
}
body {
width: 100%;
min-height: 100%;
font-family: 'Open Sans', sans-serif !important;
font-weight: 400 !important;
font-size: 16px !important;
-webkit-font-smoothing: antialiased !important;
padding-bottom: 945px;
}
hr.clf {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-image: none;
border: 2px solid #53a59b;
margin-bottom: 20px;
margin-top: -8px
}
/* ============================= ID's ============================= */

/* BOOTSTRAP NAV-WALKER COMPENSATORY CSS  */
/* ID OF BELOW SELECTOR WILL CHANGE BASED ON WEBSITE */
#menu-treasurer-navigation {
z-index: 999;
}
.affix #menu-treasurer-navigation {
position: absolute !important;
}
#menu-line {
position: absolute;
top: 0;
left: 0;
height: 3px;
background: #295498;
-webkit-transition: all 0.25s ease-out;
-moz-transition: all 0.25s ease-out;
-ms-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out
}
#main_header h1, 
#main_content h1 {
font-family: 'Lora', serif;
color: #347C98 !important;
font-size: 50px;
font-weight: 300;
}
#main_header h2, 
#main_content h2 {
color: #265E5B !important;
margin-top:	0px;
}
#main_content a, 
#main_content a:link, 
#main_content a:active, 
#main_content a:visited, 
#news_block a, 
#news_block a:link, 
#news_block a:active, 
#news_block a:visited {
/*color: #3c9ada;*/
color:#1679A7;
text-decoration: none;
font-weight: none
}
#main_content a:hover {
color: #4da58f;
text-decoration: underline;
font-weight: none
}
#main_content ul, 
#main_content ol, 
#news_block ul, 
#news_block ol  {
font-size: 0.9em;
line-height: 2.1em;
margin-top: 1.0em;
margin-bottom: 1.0em
}
#loading1 {
margin-left: auto;
margin-right: auto;
width: 100px
}
#agencyFooter {
background-color: #265E5B;
color: #fff;
font-size: 15px;
line-height: 1.5em;
padding-top: 30px;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 560px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 560px;
}}
#agencyFooter a,
#agencyFooter a:link, 
#agencyFooter a:active, 
#agencyFooter a:visited {
color: #fff;
text-decoration: none
}
#agencyFooter a:hover {
color: #fff;
text-decoration: underline
}
#agencyFooter h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 700;
color: #E6C12D !important;
margin-top:	-5px;
margin-bottom: -10px;
font-size: 22px;
}
#headerImage {
height: 400px;
width: 100%;
/*background-image: url('img/treasurer-hero.jpg');
background-repeat: no-repeat;*/
background-size: cover;
background-position: 50%;
margin-top: -20px;
}
#firstFinance {
display: table-cell;
position: relative;
padding: 45px;
background-color: rgba(255, 255, 255, 0.9);
width: 50%;
border-radius: 0px 15px 15px 0px;
margin-top: 110px;
color: #3d4f5a;
font-size: 20px;
}
#firstFinance h2, #yourMoney h2, #delMoney h2 {
font-family: 'Lora', serif;
font-weight: 300;
font-size: 46px;
color:#69b4a1;
}
#treasurerMessage {
background: #FFF;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
margin-top:-22px;
border-top:5px solid #368170;
border-bottom:5px solid #368170;
}
#treasurerMessage p {
font-size: 20px !important;
}
#treasurerMessage h2 {
font-family: 'Lora', serif;
font-size: 36px !important;
color: #347C98;
font-weight:700;
}
#treasurerMessage a,
#treasurerMessage a:link, 
#treasurerMessage a:active, 
#treasurerMessage a:visited {
color: #1679A7;
text-decoration: none;
}
#treasurerMessage a:hover {
color: #368170;
text-decoration:none;
transition:.5s;
}
#messageButtons p {
font-size: 22px !important;
}
#yourMoneybg {
height: 800px;
width: 100%;
background-image: url('img/treasurer-yourmoney.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#yourMoney {
position: relative;
padding: 25px;
border: 3px solid #28948b;
background-color: #ffffff;
width: 80%;
margin-left: 20px;
margin-top: 50px;
}
#yourMoney a,
#yourMoney a:link, 
#yourMoney a:active, 
#yourMoney a:visited {
color: #3c9ada;
text-decoration: none;
}
#yourMoney a:hover {
color: #568f99;
text-decoration: underline;
}
#treasurerPrograms {
background: #347C98;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
color: white;
}
#treasurerPrograms h3 {
font-family: 'Lora', serif;
font-weight: 300;
font-size: 30px !important;
color: white;
}
#treasurerPrograms a,
#treasurerPrograms a:link, 
#treasurerPrograms a:active, 
#treasurerPrograms a:visited {
color: #fff;
text-decoration: none;
}
#treasurerPrograms a:hover {
color: #fff;
text-decoration: underline;
}
#delMoneybg {
height: 750px;
width: 100%;
background-image: url('img/treasurer-delmoney5.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#delMoney {
position: relative;
padding: 25px;
border:3px solid #568f99;
background-color: #ffffff;
width: 90%;
margin-top: 150px;
margin-right: 25px;
}
#delMoney a,
#delMoney a:link, 
#delMoney a:active, 
#delMoney a:visited {
color:#1679A7;
text-decoration: none;
}
#delMoney a:hover {
color: #568f99;
text-decoration: underline;
}
#treasurerServices {
background-color:#265E5B;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
color: white;
margin-bottom:-66px;
}
#treasurerServices h3 {
font-family: 'Lora', serif;
font-weight: 300;
font-size: 30px !important;
color: white;
}
#treasurerServices a,
#treasurerServices a:link, 
#treasurerServices a:active, 
#treasurerServices a:visited {
color: #fff;
text-decoration: none;
}
#treasurerServices a:hover {
color: #fff;
text-decoration: underline;
}
#agencyFooter ul {
list-style-type: none;
margin-left: -45px;
}
#treasurerBottom h3 {
font-family: 'Lora', serif;
}
#treasurerBottom a,
#treasurerBottom a:link, 
#treasurerBottom a:active, 
#treasurerBottom a:visited 
#treasurerBottom a {
color:#265E5B !important;
}
#treasurerBottom a:hover {
color:#7b7b7b!important;
transition:.5s !important;
}
#headerImageBeach {
height: 900px;
width: 100%;
background-image: url('img/treasurers_headers_beach.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
margin-top: -20px;
}
#headerImageFarm {
height: 800px;
width: 100%;
background-image: url('img/treasurers_headers_farmland.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
margin-top: -20px;
}
#headerImageLegHall {
height: 900px;
width: 100%;
background-image: url('img/treasurers_headers_leghall.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
margin-top: -20px;
}
#headerImageRiver {
height: 900px;
width: 100%;
background-image: url('img/treasurers_headers_riverfront.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
margin-top: -20px;
}
/* ============================= Classes ============================= */


/* WordPress Core CSS */
.alignnone {
margin: 5px 20px 20px 0
}
.aligncenter, 
div.aligncenter {
display: block;
margin: 5px auto 5px auto
}
.alignright {
float:right;
margin: 5px 0 20px 20px
}
.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px
}
a img.alignnone {
margin: 5px 20px 20px 0
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0
}
.wp-caption.alignright {
margin: 5px 0 20px 20px
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000 /* Above WP toolbar */
}
img.alignright { 
float: right;
margin: 0 0 1em 1em
}
img.alignleft { 
float: left;
margin: 0 1em 1em 0
}
img.aligncenter { 
display: block; 
margin-left: auto;
margin-right: auto
}
.alignright { 
float: right
}
.alignleft { 
float: left
}
.aligncenter { 
display: block; 
margin-left: auto; 
margin-right: auto
}
/* End WP Core Classes */
.facebook {
margin-right:-10px !important;
}
.twitter {
margin-right:-10px !important;
}
.instagram {
margin-right:-10px !important;
}
.bio-pic {
border:3px solid #d3d3d3;
}
.agencyFooter_logo {
width: 100px;
height: 100px;
border: none;
text-align: center;
}
.agency_logo {
width: 125px;
height: 125px;
border: none;
padding:15px;
}
.treasurerTitle {
color: #3d4f5a;
font-size: 45px;
font-family: 'Lora', serif;
font-weight: 700;
line-height: 0.9;
padding-top: 5px;
padding-bottom: 5px;
background-color: rgba(255, 255, 255, 0.95);
border-bottom:3px solid #368170;
border-top:3px solid #368170;
margin-top:20px;
}
h1.treasurerTitleTxt {
color: #347C98;
font-size: 24px;
font-family: 'Lora', serif;
font-weight: 700;
letter-spacing:5px;
}
h1.interiorTitle {
color: #ffffff;
font-size: 34px;
font-family: 'Lora', serif;
font-weight: 700;
line-height: 0.9;
padding-top: 25px;
padding-bottom: 25px;
background-color:#265E5B;
margin-top: 0px;
border-bottom:4px solid #3292ba;
}
span.light {
font-family: 'Lora', serif;
font-size:24px;
text-transform:uppercase;
letter-spacing:5px;
}
.thinFont {
color: #7b7b7b;
font-size: 18px;
font-family: 'Lora', serif;
text-transform:uppercase;
letter-spacing:4px;
}
.btn-success {
color:#FFF !important;
}
.btn-primary {
color:#FFF !important;
}
.btn-warning {
color:#FFF !important;
}
.btn-danger {
color:#FFF !important;
}
.treasurer-services {
width: 100px;
height: 100px;
border: none;
text-align: center
}
.custom-message a {
color:#f8d341 !important;
}
.custom-message a:hover {
color:#fff !important;
}
.link-active h2 {
font-size: 20px;
margin-bottom: 2px;
font-weight: 500
}
.panel-title {
font-family: 'Lora', serif;
font-size:18px;
font-weight:700;
}
.no-margin ul li {
margin-left:-20px;
list-style-type:square;
}
.mobile-padding {
margin-bottom:45px !important;
}
.padding-bottom-15 {
padding-bottom:15px !important;
}
.padding-top-bottom-35 {
padding-bottom:35px !important;
padding-top:35px !important;
}
.btn-primary {
color:#FFF !important;
font-weight:600;
}
hr {
border-color:#568f99 !important;
}
.fa-treasurer {
color:#568f99;
}
.fa-6x {
font-size:6em !important;
}
.de-blue {
background-color:#568f99;
color:#FFF;
border-color:#407781;
}
.de-blue:hover {
background-color:#6aa1ab;
color:#FFF;
border-color:#5f98a2;
text-decoration:none !important;
}
.modal {
z-index:10000;
}
.modal-title {
font-family: 'Montserrat', sans-serif;
font-size:24px;
}
.modal-open[style]
{
    padding-right: 0 !important;
}

.modal-open
{
    overflow: auto;
}}


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
/* ============================= ELEMENTS ============================= */
h1.treasurerTitleTxt {
color: #347C98;
font-size: 40px;
font-family: 'Lora', serif;
font-weight: 700;
}
.thinFont {
font-size: 30px;
font-family: 'Lora', serif;
font-weight: 300;
}
.agency_logo {
height:150px;
width:150px;
}
/* ============================= ID's ============================= */
#headerImage {
background-image: url('img/treasurer-hero.jpg');
background-position: 50%;
height:700;
}
#delMoney {
position: relative;
padding: 25px;
border:3px solid #568f99;
background-color: #ffffff;
width: 60%;
margin-top: 180px;
margin-right: 20px;
}}
/* ============================= Classes ============================= */


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#agencyFooter {
padding-top: 2.0em;
padding-bottom: 2.0em;
height: 275px;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 275px;
}}
#headerImage {
background-image: url('img/treasurer-hero.jpg');
background-position: 50%;
}
#yourMoney {
display: table-cell;
position: relative;
padding: 25px;
border: 3px solid #659cb6;
background-color: #ffffff;
width: 60%;
margin-top: 100px;
}
#delMoney {
position: relative;
padding: 25px;
border:3px solid #568f99;
background-color: #ffffff;
width: 40%;
margin-top: 180px;
margin-right: 50px;
}
#treasurerPrograms h3 {
font-size: 18px !important;
}
#treasurerServices h3 {
font-size:18px !important;
}
/* ============================= Classes ============================= */
h1.treasurerTitleTxt {
color: #347C98;
font-size: 50px;
font-family: 'Lora', serif;
font-weight: 700;
}
h1.interiorTitle {
font-size: 55px;
}
span.light {
font-size:35px;
}
.thinFont {
font-size: 40px;
font-family: 'Lora', serif;
font-weight: 300;
letter-spacing:7px;
}
.agency_logo {
height:150px;
width:150px;
}}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#agencyFooter {
background-color: #265E5B;
color: #fff;
font-size: 15px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 250px;
z-index: 1029;
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 250px
}}
#headerImage {
background-image: url('img/treasurer-hero.jpg');
height:700px;
}
#yourMoney {
display: table-cell;
position: relative;
padding: 25px;
border: 3px solid #659cb6;
background-color: #ffffff;
width: 60%;
margin-top: 100px;
}
#yourMoneybg {
height: 500px;
width: 100%;
background-image: url('img/treasurer-yourmoney.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#delMoney {
position: relative;
padding: 25px;
border:3px solid #568f99;
background-color: #ffffff;
width: 40%;
margin-top: 30px;
margin-right: 50px;
}
#delMoneybg {
height: 500px;
width: 100%;
background-image: url('img/treasurer-delmoney5.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#treasurerPrograms h3 {
font-size: 30px !important;
font-family: 'Lora', serif;
}
#treasurerServices h3 {
font-size:30px !important;
}
/* ============================= Classes ============================= */
h1.treasurerTitleTxt {
color: #347C98;
font-size: 50px;
font-family: 'Lora', serif;
font-weight: 700;
}
h1.interiorTitle {
font-size: 55px;
}
span.light {
font-size:35px;
}
.thinFont {
font-size: 40px;
}
.agency_logo {
width: 150px;
height: 150px;
border: none;
padding:15px;
}}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
/* ============================= ELEMENTS ============================= */

/* ============================= ID's ============================= */
#agencyFooter {
background-color: #265E5B;
color: #fff;
font-size: 15px;
line-height: 1.5em;
padding-top: 2.0em;
padding-bottom: 2.0em;
border-bottom: 10px solid #245194;
position: absolute;
bottom: 0;
width: 100%;
height: 230px;
z-index: 1029;
border-top:4px solid #3292ba
}
@-moz-document url-prefix() { 
#agencyFooter {
height: 230px;
}}
#headerImage {
height: 850px;
}
#yourMoney {
display: table-cell;
position: relative;
padding: 25px;
border: 3px solid #368170;
background-color: #ffffff;
width: 60%;
margin-top: 100px;
}
#yourMoneybg {
height: 500px;
width: 100%;
background-image: url('img/treasurer-yourmoney.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}
#delMoney {
position: relative;
padding: 25px;
border:3px solid #368170;
background-color: #ffffff;
width: 30%;
margin-top: 60px;
margin-right: 150px;
}
#delMoneybg {
height: 550px;
width: 100%;
background-image: url('img/treasurer-delmoney5.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
}

/* ============================= Classes ============================= */
h1.treasurerTitleTxt {
color: #347C98;
font-size: 70px;
font-family: 'Lora', serif;
font-weight: 700;
letter-spacing:5px;
}
.thinFont {
color: #7b7b7b;
font-size: 52px;
font-family: 'Lora', serif;
letter-spacing:10px;
margin-left:10px;
}
h1.interiorTitle {
font-size: 55px;
}
span.light {
font-size:35px;
}
.agency_logo {
width: 175px;
height: 175px;
border: none;
padding:15px;
margin-top:10px;
}}

/* ============================= CUSTOM MEDIA QUERIES ============================= */

@media (max-width: 874px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 1;
font-size: 20px;
font-weight: bold;
color: #347C98;
}}
@media (min-width: 875px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-44px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #295498;
}}
@media (min-width: 1100px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #295498;
}}
@media (min-width: 1300px) {
.menu_text {
position: absolute;
margin-left: 60px;
margin-top:	-100px;
opacity: 0;
font-size: 20px;
font-weight: bold;
color: #295498;
}}
/* ============================= END CUSTOM MEDIA QUERIES ============================= */

/*  =============== BEGINNING OF PMC STYLESHEET  ==============*/
#public-meetings a, 
#public-meetings a:link, 
#public-meetings a:active, 
#public-meetings a:visited {
color: #3a7681;
text-decoration: none;
font-weight: bold;
}
#public-meetings a:hover {
color: #3a7681;
text-decoration: none;
font-weight: bold;
}
ul.meeting-container > li {
  list-style-type: none;
}
.meeting-container {
  text-align: center;
  padding:0px;
}
span.meeting-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #606060;
}
span.meeting-agency {
  display:none;
}
span.meeting-date {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-time {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-end {
  font-style: italic !important;
  color: #7e8082;
  font-weight: bold;
  font-size: 17px;
}
span.meeting-purpose {
  display:none;
}
span.meeting-address {
    color: #7e8082;
    background-color: #f0f0f0;
    padding: 15px;
    border-radius: 4px;
    display:block;
}
a.map-link, 
a.map-link:link, 
a.map-link:active, 
a.map-link:visited,
a.info-link, 
a.info-link:link, 
a.info-link:active, 
a.info-link:visited {
  color: #3a7681;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #3a7681;
  border-radius: 30px;
  padding: 15px 35px;
}
a.info-link:hover, a.map-link:hover {
  color: #fff !important;
  background-color: #3a7681;
  text-decoration: none;
  font-weight: bold;
  border: 2px solid #3a7681;
  border-radius: 30px;
  padding: 15px 35px;
}
/*  =============== END OF PMC STYLESHEET  ==============*/

.cc-wrapper {
background-color:#f3f3f3;
padding-top:55px;
padding-bottom:55px;
border-top:4px solid #368170;
border-bottom:4px solid #368170;
}

.ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
  background-color: #1679A7 !important;
}

/* Bootstrap overrides for color contrast accessibility */
.label-success {
background-color: #477C41;
}

.ctct-form-embed.form_3 .ctct-form-custom .ctct-form-button {
  background-color: #245194 !important;
  border: 1px solid #245194 !important;
}

.ctct-form-embed.form_3 .ctct-form-custom .ctct-form-button:hover {
  background-color: #1a3b6b !important;
}