/*
Theme Name: County of St. Paul Theme
Theme URI: https://www.county.stpaul.ab.ca
Version: 1.0
Description: A theme custom built for the County of St. Paul
Author: Octopus Creative Inc.
Author URI: https://octopuscreative.ca
template: bb-theme
*/
    /* Add your custom styles here... */
    
a, a:hover {transition: all .5s ease 0s; } 
a:hover {color: #333; }
.public-slider .fl-post-slider-feed-more {padding: 12px 24px; border-radius: 4px; background: #428bca; border: 1px solid #428bca; margin-top: 40px; color: #fff!important; }
.public-slider p {margin-bottom: 30px!important; } 
.search_bar .fl-widget {background: rgba(41, 159, 231, 0.8); padding: 1px 30px 35px 30px; }
.search_bar .widgettitle {font-weight: 700; color: #fff; }
.search_bar input[type=search] {height: 45px!important; }
.permit-accordian .uabb-tab-current .uabb-tab-title {color: #fff!important; }
.permit-accordian .uabb-tabs-style-bar > nav > ul li.uabb-tab-current a {background-color: #299fe7!important; }
.by-law-accordian .uabb-tab-current .uabb-tab-title {color: #fff!important; }
.by-law-accordian .uabb-tabs-style-bar > nav > ul li.uabb-tab-current a {background-color: #299fe7!important; } /*Events List*/
.eventslist {position: relative; }
.eventslist .event-card {box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); padding: 10px 10px 20px 10px; }
.eventslist h2 {margin: 0!important; }
.eventslist h2 a {font-size: 20px; color: #000; }
.eventslist p {font-size: 14px; color: #000; margin-bottom: 0px!important; }
.eventslist .event-card .event-image {width: 100%!important; }
.event-image {height: 200px; background-position: top left; }
.eventslist .eventdate {position: absolute; left: 25px; top: 40px; padding: 10px 10px; color: #fff; background-color: #1d93db; border-top-right-radius: 5px; border-bottom-right-radius: 5px; font-weight: 600; text-align: center; font-size: 16px; }
.eventslist .read {color: #fff; background-color: #1d93db; padding: 12px 24px; }
.eventslist .time {margin-bottom: 25px!important; }
.eventslist .address::before {content: "\f3c5"; font-family: "Font Awesome\ 5 Free"; font-weight: 900; padding-right: 11px; }
.eventslist .time::before {content: "\f017"; font-family: "Font Awesome\ 5 Free"; font-weight: 500; padding-right: 7px; }
input[type=submit] {background: #428bca; color: #fff !important; border: 1px solid #2d6ca2; }
#tribe-bar-form .tribe-bar-submit input[type=submit] {background: #428bca; }
.tribe-events-calendar thead th {background-color: #428bca; }
.type-tribe_events .tribe-events--is-past-event {display: none !important; } 
/* Career Single */
.single-career .job-detail .job-detail-encl i.fas,
.single-career .job-detail .job-detail-encl i.far {font-size: 24px; }
.single-career .job-detail .job-detail-encl p {font-size: 18px; }
.single-career h1.section-title {margin-top: 0px; margin-bottom: 60px; }
.fl-col.fl-node-5e39515c230c9.fl-col-small {text-align: center; } 
/*******header*********/
.navbar-text {cursor: pointer; }
/*********Footer************/
.fl-col-group.fl-node-5d7cc75e0a4fc.fl-col-group-nested {max-width: 1100px; margin: 0 auto; }
/**general***/

#custom-event-nav ul {padding-right: 45px; }
/*06-02-2020*/
body { overflow-x: hidden !important;}
.search-block {position: absolute; top: 82px; right: 0; max-width: 100%; padding: 0; z-index:3; background: #fff; width: 1000px; display:none;}
.search-block  .container{width:100%;}
.search-block form.search-form input{height:35px;}
.search-block form.search-form input.search-field{width: calc(100% - 100px); border-radius:3px 0 0 3px; border-right:0; }
.search-block form.search-form input.search_btn{width:100px;}
.search-block .head_search{display:block;}
.fl-node-5d3fe2656d5ed .menu .fl-has-submenu .sub-menu { padding: 10px;  min-width: 320px;}

.hero-section .search_bar input.fl-search-input.form-control {border-radius: 5px 0 0 5px; }
.hero-section .search_bar input.home-search_btn {border-radius: 0 4px 4px 0 !important; }
/*18-02-2020*/
.form-page-title h2.fl-heading { font-size: 27px; text-align: center; position: relative; padding-bottom: 10px !IMPORTANT; margin-bottom: 0px !important; font-weight: 600; } 
.form-page-title h2.fl-heading:after { content: ""; position: absolute; background: #000000; max-width: 170px; width: 100%; height: 3px; margin: 0 auto; left: 0; right: 0; bottom: 0; }

.phone_number_div {float: left;width: 50%;clear: none !important;margin-bottom: 16px;}
.phone_number_div input{width: 100% !important;}
.form_section_head {font-size: 18px;font-weight: 700;color: #ffffff;border: 2px solid #299fe7;padding: 5px 10px !important;background: #299fe7 !important;margin-bottom: 10px !important;display: inline-block;width: 100%;}
.gfield.form_content {font-size: 16px;font-weight: 300;color: #000;line-height: 24px !important;margin-bottom: 20px;}
.form_input_label label{font-size: 15px !important;margin:0 0 5px 0;font-weight: 500 !important;color: #000000;}
.gform_wrapper h3.gform_title {font-size: 27px;text-align: center;position: relative;padding-bottom: 10px;margin-bottom: 20px;}
.gform_wrapper h3.gform_title:after {content: "";position: absolute;background: #000000;max-width: 170px;width: 100%;height: 3px;margin: 0 auto;left: 0;right: 0;bottom: 0;}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){margin-bottom: 0px !important;}
.gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {font-size: 14px;margin: 0 0 5px 0 !important}
.gform_wrapper .gf_progressbar{padding: 0}
.gform_wrapper .gform_page_footer {margin: 0 !important;padding: 0 !important;border: none !important;}
.gform_wrapper .gform_page_footer input{text-align: center;border: none;background: #299fe7 !important;padding: 9px 25px;width: 100% !important;display: inline-block !important;max-width: 250px;margin: 20px auto 0px auto !important;color: #ffffff;font-size: 16px !important;font-weight: 300 !important;letter-spacing: 1px;}
.gform_wrapper .gform_page_footer input:nth-child(2){float: right;}
.gform_wrapper .gform_page_footer input:hover {background: #000000 !important;color: #ffffff;}

.gfield.form_group_100{float: left;width: 100%;clear: none !important;}
.gfield.form_group_66{float: left;width: 66%;clear: none !important;}
.gfield.form_group_50{float: left;width: 50%;clear: none !important;}
.gfield.form_group_33{float: left;width: 33.33%;clear: none !important;}
.gfield.form_group_25{float: left;width: 25%;clear: none !important;}
.gfield.form_group_20{float: left;width: 20%;clear: none !important;}
.gfield.form_group_100 input , .gfield.form_group_100 select{width: 100% !important;}
.gfield.form_group_66 input , .gfield.form_group_66 select{width: 100% !important;}
.gfield.form_group_50 input , .gfield.form_group_50 select{width: 100% !important;}
.gfield.form_group_33 input , .gfield.form_group_33 select{width: 100% !important;}
.gfield.form_group_25 input , .gfield.form_group_25 select{width: 100% !important;}
.gfield.form_group_20 input , .gfield.form_group_20 select{width: 100% !important;}
form .gform_body select{height: 34px; line-height: 1.428571429;color: #808080;vertical-align: middle;background-color: #fcfcfc;background-image: none;border: 1px solid #e6e6e6;}
ul.gfield_radio{margin: 0 !important;}
ul.gfield_radio li {display: inline-block;vertical-align: middle;white-space: nowrap;width: auto;margin: 0 0 5px 0 !important;min-width: 220px;}
ul.gfield_radio li input[type="radio"]{margin-top: 0 !important;margin-right: 5px;}
ul.gfield_radio li label {font-size: 13px !important;color: #616161;}


ul.gfield_checkbox li {display: inline-block;vertical-align: middle;white-space: nowrap;width: auto;margin: 0 0 5px 0 !important;min-width: 220px;}
ul.gfield_checkbox li input[type="radio"]{margin-top: 0 !important;margin-right: 5px;}
ul.gfield_checkbox li label {font-size: 13px !important;color: #616161;}


.ginput_container.ginput_container_radio {margin-top: 6px !important;}
.margin_top {margin-top: 10px !important;display: inline-block;margin-bottom: 0px !important;}
.signature_div div {width: 60% !important;}

.signature_div div canvas { width: 100% !important;}
.gform_body ul.gform_fields li.gfield.signature_div {padding-top: 15px;}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border:none;padding: 15px;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description{padding-top: 0px;}
.gfield.form-heading { font-size: 18px; padding-top: 20px !important; display: block; margin-bottom: 5px;}
.change-address-form form .gform_body ul.gform_fields li.gfield.top-image{float: right;}
.common-form .gform_footer input[type="submit"] { text-transform: capitalize; font-size: 18px; padding: 12px 30px;  min-width: 200px;}

.gform_body ul.gform_fields li.radio-button { margin-bottom: 10px;  margin-top: 0px;}
.gform_body ul.gform_fields li.form-radio-button .ginput_container ul.gfield_radio li:last-child { display: inline-flex;  align-items: center;  margin-top: 5px !important;}
.gform_body ul.gform_fields li.form-radio-button .ginput_container ul.gfield_radio li:last-child input[type=text] { max-width: 180px;}
.gform_body ul.gform_fields li.form_repeter-option > label{display: none;}
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table thead { display: none; } 
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group { display: inline-block; width: 100%; margin-bottom: 20px; } 
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group:last-child { margin-bottom: 10px;}
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:before { content: attr(data-label); text-transform: uppercase; margin-bottom: 10px; display: block; 
    font-size: 15px !important; font-weight: 500 !important; color: #000000; } 
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:first-child { width: 100%; } 
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td { width: 19%; display: inline-block; } 
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:first-child { margin-bottom: 10px; } 
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:last-child { margin-bottom: 15px !important; } 
.gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:nth-child(2) { padding-left: 0; }
.gform_body ul.gform_fields li.address-field {padding-top: 20px;}
.gform_body ul.gform_fields li.address-field label.gfield_label.gfield_label_before_complex {font-size: 22px !important;margin-bottom: 10px;}
.gform_body ul.gform_fields li.gfield select { border-radius: 4px;}
.gform_body ul.gform_fields li.gfield select:focus {outline: 0;}

/*responsive*/

@media only screen and (max-width: 1200px) {
    nav .menu.fl-menu-horizontal {float: left; }
    .fl-node-content .fl-menu .menu, .fl-node-content .fl-menu .menu > li {font-size: 12px; }
    .fl-node-5d3fe2656d5ed .menu .fl-has-submenu .sub-menu { padding: 10px;  min-width: 250px;} 
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td {width: 18.5%;}
}
@media only screen and (max-width: 992px) {
    .fl-module.fl-module-menu.fl-node-5d3fe2656d5ed.fl-node-5d3fe2656d5ed-clone.fl-menu-mobile-clone {order: 5;}
    .fl-node-5d08b5e0974e1 > .fl-module-content { margin-right: 15px; margin-left: 15px;}
    .fl-node-5d3fe2656d5ed .fl-menu-mobile-toggle {padding: 0;}
    .fl-node-5d3fe2656d5ed .fl-menu {padding-right: 30px;}
    .fl-node-5d3fe2656d5ed > .fl-module-content{margin-top:0;}
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td input { margin: 0; width: 100%;}
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td { width: 20%; display: inline-block; margin: 0; padding: 0px 5px;}
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:nth-child(2) {padding-left: 5px;}
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:last-child {margin-bottom: 15px !important; display: block; width: auto !IMPORTANT; 
        padding-top: 1px !IMPORTANT;  margin: 10px 10px !important;}
    
}
@media only screen and (max-width: 768px) {
    .fl-builder-content .fl-node-5d3fe2656d5ea {width: 30% !important;}
    .fl-builder-content .fl-node-5d3fe2656d5eb {width: auto !important;}
    .fl-button-text {font-size: 12px;}
    .fl-builder-content a.fl-button,
    .fl-builder-content a.fl-button:visited { padding: 10px 10px; }
    /*  .fl-col.fl-node-5d4a383ed3bc0.fl-col-small {order: 3 } .fl-col.fl-node-5d3fe2656d5eb {order: 4; } .fl-module.fl-module-menu.fl-node-5d3fe2656d5ed.fl-node-5d3fe2656d5ed-clone.fl-menu-mobile-clone {order: 5; } */
    .fl-node-5d3fe2656d5ed .fl-menu-mobile-toggle {}
    .fl-node-5cc75c64e9b8a .fl-col-content {border: none !important; }
    .fl-node-5cc8aa1893401 .fl-button-wrap {text-align: center; }
    .fl-node-5d4a383ed3bc0 {width: 2.62% !important; }
    .fl-node-5d3fe2656d5ed > .fl-module-content {/* margin-right: 30px; */}
    .fl-node-5d3fe2656d5ed .fl-menu {
    padding-right: 0px;}
    footer {text-align: center; }
    .fl-col {padding: 0 15px; }
    .fl-module-content {margin: 20px 0; }
    .fl-node-5d4a66a6b6e2d.fl-module > .fl-module-content{margin:0; float:right;}
    .fl-node-5cc75c64e9b8b, .fl-node-5cc75c64e9b8c, .fl-node-5cc75c64e9b8d, .fl-node-5cc75c64e9b8e {width: 50% !important; clear: none; float: left; }
    .fl-node-5d08c66e6575f .fl-post-slider-no-thumb {padding: 50px 35px; }
    .tribe-events-loop .tribe-events-event-meta {background: unset; }
    .fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width {padding: 0;align-items: center;}
    .fl-col.fl-node-5d3fe2656d5ea {padding: 25px 0  0;}
    .fl-node-5d08cc897a5c9 .fl-post-grid {margin-left: -30px; margin-right: -30px; }
    .home-services-block .fl-col.fl-col-small {padding: 37px 15px; }
    .fl-node-5d08cc897a5c9 .fl-post-column{padding-bottom: 25px;}
    
    .form_section_head {font-size: 16px;}
    .phone_number_div { width: 100%; margin-bottom: 10px; margin-top: 10px !important;}
    .gform_wrapper .gform_page_footer input{ max-width: 150px; padding: 5px 24px;}
    .gfield.form_group_25 {width: 100%;}
    .gfield.form_content{ margin-bottom: 10px;}
    .gfield.form_group_33{width: 100%;}
    .gform_body ul.gform_fields li.form-radio-button .ginput_container ul.gfield_radio li:last-child input[type=text] { max-width: 140px;}
    .signature_div div {width: 100% !important;}
    .signature_div {margin-top: 5px !important;}
    .thank-you-page .fl-heading { font-size: 38px !important;}
    .gfield.form_group_50 {width: 100%;}
    .gfield.form_group_20{width: 100%;}
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td:before { font-size: 12px !important;}
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td {  width: 50%; margin-bottom: 10px; }
    .common-form .gform_footer input[type="submit"]{ padding: 8px 30px;font-size: 16px;}
    
    }

@media only screen and (max-width: 567px) {
    .fl-node-5d3fe2656d5e9 .fl-module-content {margin: 0; }
    .fl-node-5d3fe2656d5ed .fl-menu-mobile-toggle {padding-top: 0; }
    .fl-node-5d7cbc532a85a .fl-rich-text,
    .fl-node-5d7cbc532a85a .fl-rich-text * {display: block; }
    .fl-node-5cc75c64e9b8b,
    .fl-node-5cc75c64e9b8c,
    .fl-node-5cc75c64e9b8d,
    .fl-node-5cc75c64e9b8e {width: 100% !important; float: none; }
   
    .home-services-block .fl-col.fl-col-small  {padding: 15px 15px; }
	.public-slider .fl-post-slider {
    min-height: 1px !important ;height: auto !important;}
    #custom-event-nav ul li a {font-size: 11px !important;}
    .tribe-event-schedule-details{margin-bottom: -15px !important; margin-top: -10px !important; width: 100%; }
    .event-list-details a h3 {color: #fff; line-height: 1em; font-size: 16px; }
    .tribe-events-loop .tribe-events-event-meta {margin-bottom: 1em; font-size: 11px; }
    .event-list-sdate {font-size: 26px; }
    .thank-you-page .fl-heading { font-size: 30px !important;}
    .thank-you-page .fl-rich-text p span { font-size: 18px !important;}
    .thank-you-page > .fl-row-content-wrap { padding: 50px 0px !important;}
    .gform_body ul.gform_fields li.form_repeter-option .ginput_container table tbody tr.gfield_list_group td { width: 100%; margin-bottom: 6px;}
    .gform_wrapper h3.gform_title {font-size: 22px;}
    .form-page-title h2.fl-heading {font-size: 22px;}
}

@media only screen and (max-width: 369px) {
    .fl-module-content {margin: 20px 0; } 
    .fl-node-5d4006f7b9802 .fl-button-wrap {text-align: left;margin-top: 0;margin-left: 0;}
    .fl-node-5d4a383ed3bc0 {text-align: right; }
    .search_bar .fl-widget {padding: 1px 0px 35px 0px; }
    header.fl-builder-content .fl-col {padding: 0 10px; }
    header.fl-builder-content .fl-node-5d3fe2656d5e5.fl-row > .fl-row-content-wrap {padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; padding: 10px 4px; }
   .fl-node-5d3fed08ccbf9.fl-module > .fl-module-content {margin-top: 0; }
    header.fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited {padding: 7px 5px; }
    header.fl-builder-content .fl-button-text {font-size: 10px; }
    .search-block { top: 56px; }
    .gfield.form_content {font-size: 14px !important;}
    .common-form .gform_footer input[type="submit"] { padding: 6px 30px; line-height: 24px !important;}
}
ul.gfield_checkbox li {display: inline-block;vertical-align: middle;width: 25%;}
ul.gfield_checkbox li input{margin-top: 0px !important;}
.gform_wrapper li.hidden_label input {margin-top: 0px;}
body .gform_wrapper .top_label div.ginput_container {margin-top: 0;}
body .gform_wrapper ul li.gfield {margin: 5px 0;}
.gform_wrapper h2 {font-size: 22px;font-weight: 600;margin-bottom: 0;margin-top: 10px;float: none;display: inline-block;width: 100%;}
.ginput_complex.ginput_container span label {margin-top: 8px !important;display: block !important;margin-bottom: 5px !important;}
.ginput_complex.ginput_container span {float: left;width: 33.33% !important;padding: 0 5px;margin: 0 !important;}
li.address_mn_div .ginput_complex.ginput_container {margin: 5px 0 -3px -5px !important;padding-right: 0 !important;}
li.address_mn_div {padding-right: 0 !important;margin-bottom: -6px !important;}