/*!
Theme Name: FRF
Theme URI: http://underscores.me/
Author: Sensible Websites
Author URI: http://sensiblewebsites.com/themes
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: frf

Custom stylesheet for FRF website

Brand Colors
FRF Blue: #151f6d rgb(21,31,109)
FRF Red: #c8102e  rgb(200,16,46)
Font: Avenir Next
*/

/* Colors */
.red {color: #c8102e !important;}
.blue {color: #151f6d !important;}

/* Temp */
span.edit-link {
    display: none;
}

/* Helpers */
.center {text-align: center;}
.clear-none {clear: none;}
.clear-left {clear: left;}
.inline {display: inline-block;}
.rounded {border-radius: 3px !important;}
.hide {display: none}

/* Header */
header {margin: 50px 9% 20px;}
.header-contact-row a {color: #fff;}
.header-contact-row a:hover {color: #c8102e;}

/* Navigation */
li.menubutton a {background-color: #c8012e; border-radius: 5px;}
li#gusta-menu-item-9908 {margin-left: 5px !important;}

/* Elements */
.post, .page {margin: 0 !important;}
h2, h3, h4, h5, h6 {font-weight: 400; color: #151f6d;}
h1 {color: #c8102e; margin-top: 0;}
h2 span {color: #151f6d;}
h2.main-title {color: #c8102e; margin: 0.67em 0; clear: both; font-size: 2em; font-weight: bold;}
h3.main-title {color: #151f6d; margin: 0.67em 0; clear: both; font-size: 2em; font-weight: bold;}
#home_hero h3.main-title {font-size: 1.5em;}
h3.subtitle, p.subtitle {margin-top:-25px; font-weight: bold;}
h1 + h2 {margin-top: -30px; font-weight: bold;}
#gusta-header p {margin-top: 1em;}
p {margin-top: 0;}
p + ul {margin-top: -1em;}
ul {margin-left: 0 !important;}
a, a:visited {color: #151f6d;}
a.banner-link {padding: 20px 35px; font-size: 20px; color: #fff !important;}
a.impact.blue {background-color: #151f6d;}
a.impact.red {background-color: #c8102e;}
a.impact i {padding-right: 15px;}

hr.red {background-color: #c8102e; height:2px; margin-top: -15px;}
hr.blue {background-color: #151f6d; height:2px; margin-top: -15px;}
hr.reddivider {background-color: #c8102e; width: 15%; margin-left: 0; height: 3px;}
hr.bluedivider {background-color: #151f6d; width: 15%; margin-left: 0; height: 3px;}

/* Forms */
#forminator-module-941 * {margin-left: 0; margin-right: 0;}
.forminator-radio-inline, .forminator-radio-inline span,
.forminator-checkbox-inline, .forminator-checkbox-inline span {margin-right: 10px !important;}

div.IATS_Div {width: 100% !important;}

/* Icons */
.icon-frst {text-align: center;}
.icon-frst a {color: #151f6d;}
.icon-frst a:hover {color: #c8102e;}
.impact-icon {font-size: 48px;}

/* Buttons */
.vc_btn3-container.donatebutton.vc_btn3-center a {
    background-color: #c8102e;
    color: #fff;
    font-size: 20px;
}
.bluebutton a.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern , a.bluebutton {background-color: #151f6d !important; padding: 8px 16px; color: #fff;}
.bluebutton a.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover, .bluebutton button:hover, a.bluebutton:hover {background-color: #c8102e !important;}
.redbutton a.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern, a.redbutton {background-color: #c8102e !important; padding: 8px 16px; color: #fff;}
.redbutton a.vc_btn3.vc_btn3-color-white.vc_btn3-style-modern:hover, .redbutton button:hover, a.redbutton:hover {background-color: #151f6d !important;}
.largebutton, .largebutton a {padding: 24px 40px !important; font-size: 20px !important;}
.extrawidebutton a {width: 80% !important;}
#nominate_button {position: absolute; bottom: 32px; right: 50px;}

/* Popover Image Hover Effects */
.popupaoc-image-popup {overflow: hidden;}
.popupaoc-img {transition: transform .5s ease;}
/* .page-about .popupaoc-img:hover {transform: scale(1.1);} */
.page-about .popupaoc-image-popup a {overflow: hidden; width: 200px; height: 300px;}
.page-about .popupaoc-image-popup:hover a:before {
	content: "Click for Bio";
    color: white;
    font-size: 14px;
    position: absolute;
    top: 260px;
    left: 35%;
    background-color: #c8102e;
    padding: 10px;
    border-radius: 5px;
}
.page-volunteer .popup-column {overflow: hidden; width: 462px; height: 332px;}
.page-volunteer .popup-column .vc_column-inner:hover {transform: scale(1);}
.page-volunteer .popup-column .vc_column-inner:hover .popupaoc-image-popup a:before {
	content: "Learn More";
    color: white;
    font-size: 18px;
    position: absolute;
    top: 75%;
    left: 40%;
    background-color: #c8102e;
    padding: 10px;
    border-radius: 5px;
}
.page-donors .popup-column {overflow: hidden; width: 462px; height: 332px;}
.page-donors .popup-column .vc_column-inner:hover {transform: scale(1);}
.page-donors .popup-column .vc_column-inner:hover .popupaoc-image-popup a:before {
	content: "Learn More";
    color: white;
    font-size: 18px;
    position: absolute;
    top: 75%;
    left: 40%;
    background-color: #c8102e;
    padding: 10px;
    border-radius: 5px;
}

/* Pages & Posts */
.page-template-default article header {display: none !important;}
.home .entry-content {margin-top: 0 !important;}
.home #post-listing-12745363805f46bb1422e85 .column div { text-align:center;}
#home_hero, #home_hero .wpb_text_column {border-radius: 3px;}

.page-about div.entry-content {margin: 0 !important;}
.page-programs h2 {font-size: 23px;}
.page-programs article {margin-bottom: 0;}

.page-about .popupaoc-image-popup {text-align: center;}
.page-about .paoc-popup-modal-cnt h2 {clear: none;}
.popupaoc-image-popup {padding: 0 !important;}
.page-donors img.popupaoc-img, .page-volunteer img.popupaoc-img {width: 100% !important; height: 332px !important; max-height: 332px !important;}
.page-donors .popup-title.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill,
.page-volunteer .popup-title.wpb_column.vc_column_container.vc_col-sm-4.vc_col-has-fill {padding: 0 15px !important;}

.page-first-responders-support-team .red a {color: #c8102e !important;}
.page-first-responders-support-team .red a:hover {color: #151f6d !important;}

.page-javelan-wall-of-honor ul {list-style: none; }
.page-javelan ul.slick-dots {display: none !important;}

.page-contact-us .contact-info a {font-size: 20px; color: #151f6d;}
.page-contact-us .contact-info a:hover {color: #c8102e;}
.page-contact-us .contact-info a i {vertical-align: middle; padding-right: 15px;}

.page-fitness-gym .fitness-services p {font-size: 20px; color: #c8102e;}
.page-fitness-gym .fitness-services p i, .page-fitness-gym .fitness-services p img {vertical-align: middle; padding-right: 15px;}

.page-national-society-of-saint-florian-and-saint-michael h2 {margin-bottom: 0 !important;}
.page-national-society-of-saint-florian-and-saint-michael h2 + h3 {margin: 0 !important;}

.fourlegpopup {text-align: center;}
.paoc-popup-modal-cnt h2 {margin-top: 0;}
a.blog_listing_read_more_button, img {border-radius: 3px;}
.vc_custom_1599438966271.animal-heroes-popup, #mounted.animal-heroes-popup {margin-top: -130px !important;}
.animal-heroes-popup img {max-height: 100px;}

.ss-element img.aligncenter {margin: 0 auto !important; }

/*
.single .post-thumbnail {text-align:center;}
.single .entry-content {margin: 2em 10% 0 12%;  width: 60%;}
*/
.single-post #page {display: none;}
.single-post .widget {margin: 0 0 1.5em; background-color: #efefef; padding: 0 20px 20px;}
.single-post h2.widgettitle {padding-top: 10px;}
.single-post .widget li {padding-bottom: 10px;}
.single-post .widget li a, .single .widget li a:visited {color: #151f6d;}
.single-post .widget li a:active, .single .widget li a:hover {color: #c8102e;}

.single-events .post-thumbnail {display: none;}


/* Sections */
.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {padding-top: 0 !important;}
section.vc_section:not([data-vc-full-width="true"]) {margin: 50px 9% 20px;}
section.redbg .wpb_text_column {margin: 0 9% 30px;}
.redbg, .redbg a,  .redbg h2, .redbg h3 {color: #fff;}
.bluebg, .bluebg a,  .bluebg h2, .bluebg h3 {color: #fff;}
.redbg a:hover {color: #aaa;}
.whitebg {color: #404040;}
.whitebg a {color: #151f6d;}
.whitebg a:hover {color: #c8102e;}


/* Layout */
.vc_responsive .wpb_row.four-columns-wrap .vc_col-sm-2 {
	float: left;
	width: 23.5%;
	padding: 0;
	margin-right: 1.5%;
	min-height: 0;
}
.vc_responsive .wpb_row.five-columns-wrap .vc_col-sm-2 {
	float: left;
	width: 18.8%;
	padding: 0;
	margin-right: 1.5%;
	min-height: 0;
}
.five-columns-wrap .five-column-last {margin: 0 !important;}
.four-columns-wrap .four-column-last {margin: 0 !important;}

.single_blog_content.ss-element img.alignleft {margin: 0 15px 15px 0 !important;}
.single_blog_content.ss-element img.alignright {margin: 0 0 15px 15px !important;}


/* Responsive Embedded Videos */
/* Example code:;
/* <div class="video-container">
/* <iframe width="560" height="315" src="http://www.youtube.com/embed/S95J5BowMmk" frameborder="0" allowfullscreen></iframe>
/* </div>
*/
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
        max-width: 100%;
}

.gusta-section ul.showbullets, .section-container ul.showbullets {
    list-style-type: disc;
    margin: 20px !important;
}
.gusta-section ul.showbullets li, .section-container ul.showbullets li {
    list-style-type: disc;
}

/* Footer */
.middlefooter h3, .middlefooter p {color: #fff;}
.middlefooter p {padding: 0 15px;}
.middlefooter a {color: #fff;}
.middlefooter a:hover {color: #aaa;}
.footermission {border-left: 2px solid #fff; }
.copyright, .copyright a {color: #aaa;}
.copyright a:hover {color: #fff;}