/*
Theme Name: Saint Paul Meda Boilerplate
Theme URI: http://www.stpaulmedia.com
Author: Saint Paul Media
Author URI: http://www.stpaulmedia.com
Description: HTML5, CSS3, jQuery, Foundation 5 & optimized for NGINX.
Version: 1.0
*/

/* Colors 
Almost Black: #333333
Dark Gray: #58595B
Medium Gray: #BABCBD
Border Gray: #D2CFCD
Light Gray: #F7F8F8
Green: #94D500
*/

/* Fonts
***** TIMES NEW ROMAN *****
NORMAL:
font-family: 'Times New Roman', serif;
font-weight: 400;

BOLD:
font-family: 'Times New Roman', serif;
font-weight: 700;

BOLD ITALIC:
font-family: 'Times New Roman', serif;
font-weight: 700;
font-style: italic;

********** LORA ***********
NORMAL:
font-family: 'Lora', serif;
font-weight: 400;

BOLD:
font-family: 'Lora', serif;
font-weight: 700;

BOLD ITALIC:
font-family: 'Lora', serif;
font-weight: 700; 
font-style: italic;
*/
a {
    transition: color .35s;
}
a.skip-link {
    display: none;
}
table {
    max-width: 550px !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Times New Roman', serif; 
    font-weight: 700;
    text-transform: uppercase;
}
h1 {
    font-size: 1.625rem;
}
h2 {
    font-size: 1.375rem;
    line-height: 1.4rem;
}
h3 {
    font-size: 1.1875rem;
    line-height: 1.4rem;
}
h4 {
    font-size: 1.1875rem;
    line-height: 1.4rem;
}
h5 {
    font-size: 1.1875rem;
    line-height: 1.4rem;
    word-wrap: break-word;
}
ul {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
}
p {
    font-family: 'Lora', serif;
}
div.lightGray {
    background: #F7F8F8;
    padding: 15px 0;
}
.border {
    border-bottom: 3px solid #D2CFCD;
}
ul.checklist {
    line-height: 1.25rem;
    font-family: 'Times New Roman', serif;
}
ul.checklist li {
    background-image: url(/wp-content/themes/spm/images/checkmark.svg), url(/wp-content/themes/spm/images/checkmark.png);
    background-position: left;
    background-repeat: no-repeat;
    padding: 15px 0 15px 60px;
    margin: 10px 0;
    font-weight: 700;
}
div.row {
    padding: 1.25rem inherit;
}
div.row.headline {
    padding: 1.25rem inherit;
    margin-bottom: 1rem;
}

/**********************************************
***************** Mobile Header ***************
**********************************************/
nav.mobile-menu {
    width: 95%;
    margin: 8px 2.5% 0 2.5%;
    font-family: 'Times New Roman', serif;
    display: none;
}
nav.mobile-menu ul {
    margin: 0;
}
nav.mobile-menu li {
    margin: 0 0 8px 0;
    padding: 0 0 8px 0;
    border-bottom: 2px solid #D2CFCD;
}
nav.mobile-menu li:last-child {
    margin-bottom: 0 !important;
    border-bottom: 2px solid #D2CFCD;
}
nav.mobile-menu li.myAccount a {
    display: block;
    width: 100%;
    background: #333333;
    color: #FFFFFF;
    text-align: center;
    padding: 5px 0;
}
nav.mobile-menu li.mobileSearch input.text {
    width: 70%;
    float: left;
}
nav.mobile-menu li.mobileSearch input.search {
    width: 30%;
    float: left;
    background: #333333;
    color: #FFFFFF;
    padding: .5rem 0;
    border: 0;
}
nav.mobile-menu li.mobileNav {
    text-align: center;
    font-size: 1em;
    text-transform: uppercase;
}
nav.mobile-menu li.mobileNav a {
    display: block;
    width: 100%;
    padding: 2px 0;
    color: #333333;
    font-weight: 700;
}
nav.mobile-menu li.mobileNav.social a {
    display: inline;
    padding: 0 2.5%;
}
a.mobile-tab {
    width: 56px;
    height: 34px;
    background-image: url(/wp-content/themes/spm/images/menutab.svg), url(/wp-content/themes/spm/images/menutab.png);
    background-position: center;
    background-repeat: no-repeat;
    float: right;
    margin: 0 2.5% 0 0;
}
a.mobile-logo {
    display: block;
    height: 155px;
    width: 95%;
    margin: 15px 2.5% 10px 2.5%;
    float: left;
    background-image: url(/wp-content/themes/spm/images/logo.svg), url(/wp-content/themes/spm/images/logo.png);
    background-position: center;
    background-repeat: no-repeat;
}
div.desktop-header {
    display: none;
}
nav.services-navigation {
    display: none;
}

/*************************************************
***************** Universal Pages ****************
*************************************************/
div#page {
    margin: 0 auto;
    max-width: 75rem;
    background: #FFFFFF;
}
div#primary {
    float: left;
}

/**********************************************
***************** Footer Styles *****************
**********************************************/
a.backtotop {
    display: block;
    color: #333333;
    font-family: 'Lora', serif;
    font-weight: 700;
    text-align: center;
    margin: 15px 0 0 0;
}
.footerNavigation {
    display: none;
}
.footerNavigation ul {
    text-align: center;
}
div.spacer {
    background-image: url(/wp-content/themes/spm/images/footer.svg), url(/wp-content/themes/spm/images/footer.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom; 
    padding: 120px 0;
    width: 100%;
}
div.disclaimer {
    background: #333333;
}
div.disclaimer a {
    color: #F7F8F8;
}
div.disclaimer a:hover {
    color: #94D500;
}
div.disclaimer .crs {font-size:1.5rem;font-weight:bold;}
div.copyright {
    background: #333333;
}
div.attribution {
    background: #333333;
}
div.disclaimer p,
div.copyright p,
div.attribution p {
    margin: 0 5%;
    padding: 10px 0;
    color: #BABCBD;
    font-size: .875rem;
    text-align: center;
}
div.attribution p a {
    display: block;
    color: #BABCBD;
    font-size: .75rem;
}
div.attribution p a:hover {
    color: #94D500;
}

/*************************************************
****************** Orbit Slider ******************
*************************************************/
div.orbit-container {
    display: none;
}
div.orbitslider {
    width: 100%;
    float: left;
    margin: 0;
    background: #fff;
    border: none;
    position: relative;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    -o-border-radius: none;
    border-radius: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    zoom: 1;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(/wp-content/themes/spm/images/slidearrow.svg), url(/wp-content/themes/spm/images/slidearrow.png);
    background-position: 97.5% center;
    background-repeat: no-repeat;
    background-size: 5%;
    color: #333333;
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
}
div.orbit-caption p {
    text-align: right;
    font-weight: 700;
    font-size: 1rem;
    font-style: italic;
    font-family: "times new roman", serif;
    line-height: 1.125rem;
    margin-bottom: 0;
    padding-right: 7.5%;
}
div.orbit-caption a p {
    color: #333333;
}

/*************************************************
***************** Headline Styles ****************
*************************************************/
div.headline {
    background: #333333;
    padding: 10px 0 0 0;
}
div.headline h1 {
    color: #FFFFFF;
}
div.headline h1 a {
    color: #FFFFFF;
}
div.headline h1 a:hover {
    color: #94D500;
}
div.headline p {
    color: #BABCBD;
    font-family: 'Lora', serif;
    font-weight: 400;
    font-size: 1rem;
}


/*************************************************
***************** Homepage Styles ****************
*************************************************/
div.homeChecks {
    margin: 30px 0;
}
div.checked {
    background-image: url(/wp-content/themes/spm/images/check_home.svg), url(/wp-content/themes/spm/images/check_home.png);
    background-position: 5% 0;
    background-repeat: no-repeat;
    margin: 0 0 15px 0;
    min-height: 100px;
}
div.checked h2 {
    font-family: 'Times New Roman', serif;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-left: 30%;
    padding-bottom: 5px;
    border-bottom: 2px solid #D2CFCD;
}
div.checked p {
    color: #333333;
    margin-left: 20%;
}
a:hover div.checked {
    background-image: url(/wp-content/themes/spm/images/check_home_rollover.svg), url(/wp-content/themes/spm/images/check_home_rollover.png);
}
a:hover div.checked h2 {
    color: #94D500;
}
div.homeButtons {
    margin: 30px 0;
    padding: 15px 0;
    background: #F7F8F8;
    float: left;
}
div.homeButtons h3 {
    background: #94D500;
    color: #FFFFFF;
    text-align: center;
    padding: 15px 5%;
    font-weight: 700;
}
div.homeActionsContact {
    height: 240px; 
    background-image: url(/wp-content/themes/spm/images/contact_btn.png);
    background-position: center 100px;
    background-repeat: no-repeat;
}
div.homeActionsLogin {
    height: 240px;
    background-image: url(/wp-content/themes/spm/images/client_btn_logo.png);
    background-position: center 100px;
    background-repeat: no-repeat;
}
div.homeActionsQuote {
    height: 240px;
    background-image: url(/wp-content/themes/spm/images/client_btn_cfp.png);
    background-position: center 100px;
    background-repeat: no-repeat;
}
div.homeBroker {
    height: 240px;
    background-image: url(/wp-content/themes/spm/images/broker_gallagher.png);
    background-position: center 100px;
    background-repeat: no-repeat;
}
a:hover div.homeActionsContact {
    background-image: url(/wp-content/themes/spm/images/contact_btn_rollover.png);
}
a:hover div.homeActionsLogin {
    background-image: url(/wp-content/themes/spm/images/client_btn_logo_rollover.png);
}
a:hover div.homeActionsQuote {
    background-image: url(/wp-content/themes/spm/images/client_btn_cfp_rollover.png);
}
a:hover div.homeBroker {
    background-image: url(/wp-content/themes/spm/images/broker_gallagher_rollover.png);
}
aside.rpwe_widget h2.widget-title {
    background: #94D500;
    padding: 10px 0;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.375rem;
    font-weight: 700;
}
div.rpwe-block {
    margin: 0 5%;
}
div.rpwe-block li {
    margin: 30px 0;
}
div.rpwe-block h3 a {
    display: block;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #333333;
}
div.rpwe-block h3 a:hover {
    color: #94D500;
}
div.rpwe-block time {
    color: #333333;
    font-family: 'Lora', serif;
    font-weight: 700; 
    font-style: italic;
}
div.rpwe-summary {
    color: #333333;
    font-family: 'Lora', serif;
    font-weight: 400; 
}
div.rpwe-summary a {
    color: #94D500;
    font-family: 'Lora', serif;
    font-weight: 400; 
}
div.rpwe-summary a:hover {
    color: #58595B;
}

/*************************************************
**************** About Page Styles ***************
*************************************************/
body.page-id-25 div.row {
    padding-bottom: 1.5rem;
}

/*************************************************
**************** Service Page Styles *************
*************************************************/
body.page-id-27 h1.border {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    line-height: 1.1;
}

/*************************************************
****************** Our Team Styles ***************
*************************************************/
body.page-id-29 div.small-12.columns {
    padding-bottom: 1.5rem;
}
body.page-id-29 div.team img {
    width: 242px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
body.page-id-29 h3 {
    text-align: center;
    font-size: 1.5rem;
}
body.page-id-29 h4 {
    text-align: center;
    font-size: .875rem;
    margin: 0 0 0 0;
}
body.page-id-29 h5 {
    text-align: center;
    font-size: .875rem;
    text-transform: none;
    margin: 0 0 1rem 0;
    padding: 0 0 .5rem 0;
}
body.page-id-29 h5 a {
    color: #94D500;
}
body.page-id-29 h5 a:hover {
    color: #333333;
}



/*************************************************
******************** Blog Styles *****************
*************************************************/
body.blog article {
    margin-bottom: 2rem;
}
body.blog h2 a {
    display: block;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #333333;
}
body.blog h2 a:hover {
    color: #94D500;
}
body.blog time {
    color: #333333;
    font-family: 'Lora', serif;
    font-weight: 700; 
    font-style: italic;  
}
body.blog a.readmore {
    display: block;
    margin-top: -1rem;
    color: #94D500;
}
body.blog a.readmore:hover {
    color: #333333;
}
body.single-post time {
    display: block;
    color: #333333;
    font-family: 'Lora', serif;
    font-weight: 700; 
    font-style: italic;
    margin-bottom: 1rem;
}
body.single-post div.rpwe-block li {
    margin: 15px 0;
}
body.single-post h3.rpwe-title {
    font-size: 1.25rem;
    line-height: 1.4rem;
    margin: 0;
}

/*************************************************
****************** Search Styles *****************
*************************************************/
body.search h2 a {
    display: block;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #333333;
}
body.search h2 a:hover {
    color: #94D500;
}

body.single-post div.rpwe-block li {
    margin: 15px 0;
}


/*************************************************
**************** Contact Page Styles *************
*************************************************/
body.page-id-31 div.row { 
    padding-bottom: 1.5rem;
}
body.page-id-31 h2.border { 
    padding-bottom: .5rem;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid #D2CFCD;
}
body.page-id-31 div.medium-6:last-child {
    float: left;
}
body.page-id-31 h3 {
    text-align: left;
    font-size: 1.375rem;
}
body.page-id-31 h4 {
    text-align: left;
    font-size: .875rem;
    margin: 0 0 0 0;
}
body.page-id-31 h5 {
    text-align: left;
    font-size: .875rem;
    text-transform: none;
    margin: 0 0 1rem 0;
    padding: 0 0 .5rem 0;
}
body.page-id-31 h5 a {
    color: #94D500;
}
body.page-id-31 h5 a:hover {
    color: #333333;
}




/*************************************** +Tablet Styles *****************************************/
/*************************************** +Tablet Styles *****************************************/
/*************************************** +Tablet Styles *****************************************/
/*************************************** +Tablet Styles *****************************************/
/*************************************** +Tablet Styles *****************************************/
/*************************************** +Tablet Styles *****************************************/

@media only screen and (min-width: 40.063em) {
div.row {
    padding: 1.25rem 2rem;
}
div.row.headline {
    padding: 1.25rem 2rem;
}
div.row.desktop-header {
    padding: 1.25rem 2rem;
}
/**********************************************
************** Tablet Font Styles *************
**********************************************/
h1 {
    font-size: 2.25rem;
}
h3 {
    font-size: 1.25rem;
    line-height: 1.4rem;
}
h4 {
    font-size: 1.25rem;
    line-height: 1.4rem;
}
h5 {
    font-size: 1.25rem;
    line-height: 1.4rem;
    word-wrap: break-word;
}
ul.checklist li {
    font-size: 1.25rem;
    line-height: 1.6rem;
}

/**********************************************
***************** Tablet Header ***************
**********************************************/    
div.desktop-header {
    margin-top: 15px;
    display: block;
}
a.desktop-logo {
    display: block;
    float: left;
    width: 167px;
    height: 155px;
    background-image: url(/wp-content/themes/spm/images/logo.svg), url(/wp-content/themes/spm/images/logo.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
div.desktop-menu {
    float: right;
    width: 200px;
}
div.desktop-account a {
    display: block;
    width: 75%;
    background: #333333;
    color: #FFFFFF;
    text-align: center;
    padding: 5px 0;
    float: right;
    font-family: "times new roman", serif;
    font-style: italic;
}
div.desktop-account a:hover {
    background: #94D500;
}
div.desktop-search {
    float: right;
    margin: 10px 0;
}
div.desktop-search input.text {
    float: left;
    width: 65%;
    height: 25px;
    margin: 0;
}
div.desktop-search input.search {
    float: left;
    width: 35%;
    background: #333333;
    color: #FFFFFF;
    height: 25px;
    border: 0;
    font-family: "times new roman", serif;
    font-style: italic;
}
div.desktop-search input.search:hover {
    background: #94D500;
}
div.desktop-social {
    float: right;
}
a.desktopFacebook {
    content: ' ';
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(/wp-content/themes/spm/images/linkedin-brands.svg);
    margin-right: 10px;
}
nav.desktop-navigation {
    width: 100%;
    float: left;
    margin: 30px 0 0 0;
}
nav.desktop-navigation ul {
    width: 100%;
    font-family: "times new roman", serif;
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase;
}
nav.desktop-navigation ul li {
    display: inline-block;
    width: 19.45%;
    text-align: center;
    padding: 0;
}
nav.desktop-navigation ul li a {
    color: #333333;
}
nav.desktop-navigation ul li a:hover {
    color: #94D500;
}


/*************************************************
****************** Orbit Slider ******************
*************************************************/
div.orbit-container {
    display: block;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url(/wp-content/themes/spm/images/slidearrow.svg), url(/wp-content/themes/spm/images/slidearrow.png);
    background-position: 96% center;
    background-repeat: no-repeat;
    background-size: 2.5%;
    color: #333333;
    width: 100%;
    padding: 0.625rem 0.875rem;
    font-size: 0.875rem;
}
div.orbit-caption p {
    padding-right: 7.5%;
    font-size: 1.25rem;
    line-height: 1.25rem;
}

/*************************************************
***************** Homepage Styles ****************
*************************************************/
div.checked h2 {
    margin-left: 20%;
}
a div.checked p {
    margin-left: 20%;
}


/**********************************************
***************** Footer Styles *****************
**********************************************/
.footerNavigation {
    display: block;
    margin: -100px 5% 0 5%;
}
.footerNavigation ul {
    text-align: center;
    font-family: "times new roman", serif;
    font-size: .875rem;
}
.footerNavigation ul li {
    display: inline-block;
    text-align: center;
    padding: 0 .35%;
}
.footerNavigation ul li a {
    color: #333333;
    font-weight: 700;
}
.footerNavigation ul li a:hover {
    color: #94D500;
}
div.spacer {
    padding: 100px 0;
}
div.disclaimer p,
div.copyright p,
div.attribution p {
    margin: 0 5%;
    padding: 5px 0;
    text-align: center;
}
div.attribution p {
    padding-bottom: 15px;
}
div.attribution p a {
    display: block;
    color: #BABCBD;
    font-size: .75rem;
}



}


/************************************* Desktop Styles **********************************************/
/************************************* Desktop Styles **********************************************/
/************************************* Desktop Styles **********************************************/
/************************************* Desktop Styles **********************************************/
/************************************* Desktop Styles **********************************************/
/************************************* Desktop Styles **********************************************/

@media only screen and (min-width: 64.063em) {

body {
    background: url(/wp-content/themes/spm/images/pw_pattern.png); 
}
div.row {
    padding: 1.25rem 2rem;
}
div.row.headline {
    padding: 1.25rem 2rem;
}
div.row.desktop-header {
    padding: 0rem 2rem;
}
/**********************************************
************* Desktop Font Styles *************
**********************************************/
h1 {
    font-size: 2.875rem;
}
    
    
    
/**********************************************
***************** Desktop Header **************
**********************************************/

nav.desktop-navigation {
    width: 80%;
    float: right;
    margin: 1rem 0 0 0;
}
nav.desktop-navigation ul {
    width: 100%;
    font-family: "times new roman", serif;
    text-transform: uppercase;
    text-align: right;
    font-size: 1rem;
}
nav.desktop-navigation ul li {
    display: inline-block;
    text-align: right;
    width: auto;
    padding-left: 4%;
}

/*************************************************
***************** Headline Styles ****************
*************************************************/
div.headline {
    background: #333333;
    padding: 1.25rem;
    margin-bottom: 15px;
}
div.headline h1 {
    color: #FFFFFF;
}
div.headline p {
    color: #BABCBD;
    font-family: 'Lora', serif;
    font-weight: 400;
    font-size: 1.125rem;
    max-width: 55%;
}


/*************************************************
****************** Orbit Slider ******************
*************************************************/
.orbit-container .orbit-slides-container > * .orbit-caption {
    background-size: 2%;
}
div.orbit-caption p {
    padding-right: 7.5%;
    font-size: 1.6rem;
    line-height: 1.25rem;
}

/*************************************************
***************** Services Styles ****************
*************************************************/
body.page-id-27 header#branding {
    position: fixed;
    height: 230px;
    background: #FFFFFF;
    z-index: 1;
}
body.page-id-27 div#main {
    padding-top: 230px;
}
body.page-id-27 nav.desktop-navigation ul {
    margin: 0 0 15px 0;
}
body.page-id-27 nav.services-navigation {
    display: block;
}
nav.services-navigation {
    width: 100%;
    float: right;
    margin: 0 0 0 0;
}
nav.services-navigation ul {
    width: 100%;
    font-family: "times new roman", serif;
    font-size: 1.125rem;
    text-align: right;
}
nav.services-navigation ul li {
    display: inline-block;
    text-align: right;
    width: auto;
    padding-left: 2.5%;
}
nav.services-navigation ul li a {
    color: #333333;
}

/*************************************************
****************** Footer Styles *****************
*************************************************/
div.spacer {
    background-image: url(/wp-content/themes/spm/images/footer.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom; 
    padding: 230px 0;
    width: 100%;
}
.footerNavigation {
    display: block;
    margin: -120px 5% 0 5%;
}
.footerNavigation ul {
    text-align: center;
    font-family: "times new roman", serif;
    font-size: 1rem;
}
.footerNavigation ul li {
    display: inline-block;
    text-align: center;
    padding: 0 1%;
}
.footerNavigation ul li a {
    color: #333333;
    font-weight: 700;
}
.footerNavigation ul li a:hover {
    color: #94D500;
}


}