/*!
Theme Name: TRANSFORM
Theme URI: http://underscores.me/
Author: Thought & Found
Author URI: https://thoughtandfound.co
*/

@media screen and (min-width: 0) {
/*--------------------------------------------------------------
# GLOBALS
--------------------------------------------------------------*/
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}
    
html, body, h1, h2, h3, h4, h5, h5, p, a, span {
    font-family: 'nimbus-san', 'Helvetica', sans-serif;
}
    
h1, h2, h3, h4, h5, h5, p {
    margin-top: 0;
}
    
h1, h2, h3, h4, h5, h5 {
    font-weight: normal;
}
    
h2 {
    font-size: 30px; 
}
    
h3 {
    font-size: 20px;
}
    
h3 a, p a {
    color: black;
}
    
h4 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
}
    
blockquote {
    padding: 10px;
    margin: 0 0 10px 0;
    border: 1px solid;
    border-radius: 10px;
}
    
blockquote h3:last-child {
    margin-bottom: 0;
}
    
p, .text-block ul {
    font-size: 16px;
    margin-top: 0;
}
        
li h3 {
    margin-bottom: 0;
}

.text-block ul {
    padding-left: 12.5px;
}
    
.desktop {
    display: none;
}
    
img {
    display: block;
    width: 100%;
    height: auto;
}  
    
hr {
    border: none;
    border-bottom: 1px solid black;
    margin: 10px 0;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
header#masthead {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
}

.blue {
    background: #2B3990;
    color: white;
}
    
.mob-bar.blue {
    color: #2B3990;
}

.blue .mob-nav form.search-form,
.blue .mob-nav ul#bottom-menu li{
    background: #2B3990;
}
    
.blue .mob-nav input.search-submit {
    color: white;
}
    
.magenta {
    background: #ED2980;
    color: black;
}
    
.mob-bar.magenta {
    color: #ED2980;
}

.magenta .mob-nav form.search-form,
.magenta .mob-nav ul#bottom-menu li{
    background: #ED2980;
}
    
.turquoise {
    background: #3EA9C1;
/*    color: black;*/
}
    
.mob-bar.turquoise {
    color: #3EA9C1;
}

.turquoise .mob-nav form.search-form,
.turquoise .mob-nav ul#bottom-menu li{
    background: #3EA9C1;
}
    
.orange {
    background: #F26539;
    color: black;
}
    
.mob-bar.orange {
    color: #F26539;
}

.orange .mob-nav form.search-form,
.orange .mob-nav ul#bottom-menu li{
    background: #F26539;
}

.mob-nav ul#bottom-menu a,
.mob-nav form.search-form,
.mob-nav input.search-submit {
    color: black;
}
    
.top-bar {
    border-bottom: 1px solid;
    clear: both;
    overflow: hidden;
}
    
.sb-inner {
    padding: 10px;
}
    
.site-branding {
    border-bottom: 1px solid;
}
    
.site-branding img {
    width: 203px;    
}
    
.site-tag, .date-tag {
    font-size: 12px;
    padding: 10px;
}
    
.date-tag {
    display: none;
}
    
.site-branding, .site-tag {
    display: inline-block;
    vertical-align: top;
    border-bottom: none;
}

.site-tag {
    float: right;
}
    
.mob-bar {
    clear: both;
    border-radius: 0 0 10px 10px;
    position: relative;
    background: white;
}

.q-exit, .m-toggle, .cf-toggle {
    background: black;
    color: white;
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    line-height: 24px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    margin: 0 10px;
}
    
.q-exit {
    display: none;
}
	
.q-exit a {
	color: black;
	text-decoration: none;
}
    
.m-toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
}
    
.cf-toggle {
    position: fixed;
    top: 48.5px;
    right: 112px;
    width: 102px;
	cursor: pointer;
}
    
.mob-nav {
    display: none;
    height: calc(100vh - 48px);
    overflow-y: scroll;
    font-size: 0;
}
    
.mob-nav ul#primary-menu li {
    font-size: 16px;
}

nav.bottom-nav-bar {
    font-size: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.menu-bottom-container {
    display: inline-block;
    margin-left: 10px;
}
	
.bottom-nav-bar .menu-bottom-container {
    display: block;
    margin-left: 10px;
	margin-bottom: -45px;
}
    
ul#bottom-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
    
ul#bottom-menu li, .srch-toggle {
    border: 1px solid;
    display: inline-block;
    line-height: 24px;
    border-radius: 10px 10px 0 0;
    margin-right: 10px;
    border-bottom: none;
}
    
ul#bottom-menu a, .srch-toggle {
    color: black;
    text-decoration: none;
    font-weight: bold;  
    padding: 10px;
    font-size: 24px;
    text-align: center;
    display: inline-block;
}
    
.srch-toggle {
    display: block;
    width: 80px;
    margin-right: 10px;
    margin-left: auto;
}
    
.blue ul#bottom-menu a, .blue .srch-toggle {
    color: white;
}
    
.srch-block {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}
	
.bottom-nav-bar .srch-block {
	position: unset;
	float: right;
	width: 100%;
}
    
.search-frm {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 0;
    display: none;
}
    
form.search-form {
    padding: 10px;
    background: black;
    color: white;
}
    
input.search-field {
    width: 100%;
    padding: 7px 10px;
    font-size: 24px;
    color: black;
    background: white;
    border: none;
}
    
input.search-field::placeholder {
    color: black;
}
    
input.search-submit {
    -webkit-appearance: none;
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    margin-top: 10px;
    background: transparent;
    border-radius: 40px;
    border: 1px solid;
    padding: 7px 10px;
    color: white;
}
    
.mob-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
}
    
.mob-nav ul a {
    text-decoration: none;
    color: black;
}
    
ul.sub-menu {
    margin-bottom: 20px;
    font-weight: normal;
}
    
nav#iam-navigation {
    font-size: 24px;
    padding: 10px 10px 50px 10px;
    border-bottom: 1px solid;
}
    
.mob-nav ul#primary-menu {
    padding: 10px 10px 40px 10px;
}
    
.mob-nav form.search-form {
    border-radius: 0 0 10px 10px;
} 
	
body.home .preloader {
	display: block;	
}
	
.preloader, .maintenance {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: white;
    z-index: 10;
	display: none;
}
	
.b-layers, .b-layers img {
    width: 250px;
    height: 174px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
	
.maintenance {
	z-index: 99;
	display: block;
}
/*--------------------------------------------------------------
# HOVERS
--------------------------------------------------------------*/
.srch-toggle:hover, .m-toggle:hover {
	cursor: pointer;	
}
	
.sctn-mods .text-block .cta:hover {
	color: white;
	background: black;
	border-color: black;
}

.introduction.blue .cta:hover {
	color: #2B3990;
	background: white;
	border-color: white;
}
	
.introduction.magenta .cta:hover {
	color: #ED2980;
	background: black;
	border-color: black;
}
	
.introduction.orange .cta:hover {
	color: #F26539;
	background: black;
	border-color: black;
}
	
.introduction.turquoise .cta:hover {
	color: #3EA9C1;
	background: black;
	border-color: black;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
footer {
    background: #ddd;
}
    
.btt {
    font-size: 13px;
    border-bottom: 1px solid;
}
	
.btt strong:hover {
	cursor: pointer;
}
    
.f-aoc {
    font-size: 13px;
}
    
.bt-inner {
    padding: 5px 10px;    
}
    
footer .tm-1r .mod-inner {
    font-size: 0;
}
    
.f-col {
    font-size: 13px;
    display: inline-block;
    width: 50%;
}
    
.f-col a, .text-block .f-col ul {
    font-size: 13px;
    line-height: normal;
}
    
.tm-2r .f-col {
    width: 100%;    
}
    
ul#footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
    
ul#footer-menu a {
    text-decoration: none;
    color: black;
}   
    
.mod-inner.f-aoc {
    max-width: 370px;
}
    
img.flags {
    width: 180px;
    margin-top: 73.5px;
}
	
footer {
	border-top: 1px solid;	
}
	
footer a.sml-cta:hover {
	color: #ddd;
	background: black;
	border-color: black;
}
	
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
.introduction {
    padding-top: 160px;
    padding-bottom: 130px;
    position: relative;
    z-index: 0;
	min-height: calc(100vh - 315px);
}
    
.intro-inner {
    padding: 10px;
}
    
.intro-inner h2 {
    max-width: 720px;
}
    
a.cta {
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid;
    padding: 8px 15px;
    line-height: 12px;
    margin-right: 5px;
    text-transform: uppercase;
    color: black;
    display: inline-block;
    margin-bottom: 3px;
    font-weight: bold;
}
    
a.sml-cta {
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    border: 1px solid;
    padding: 6px 8px 5px 8px;
    line-height: 10px;
    text-transform: uppercase;
    color: black;
    display: inline-block;
    margin-bottom: 3px;
    font-weight: bold;
}

.blue a.cta {
    color: white;
}
    
.tab h4 {
    margin: 0;
}
    
.t-inner {
    font-size: 13px;
    padding: 5px 10px;
}
    
.tab {
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-size: 0;
}
    
.ttl-col {
    width: 40%;
    display: inline-block;
}
    
.date-col, .time-col {
    width: 30%;
    display: inline-block;
    vertical-align: top;
}
    
.time-col {
    text-align: right;
}
    
.flex.mod, .tm-1r {
    border-bottom: 1px solid;
}
    
.intro-follower .flex.mod:last-child,
.sctn-m-inner .flex.mod:last-child {
    border-bottom: none;
} 

.sctn-mods {
	border-top: 1px solid;	
}
    
.flex.mod.w-100 {
    border-right: none;
}
    
.mod-inner {
    padding: 10px;
}
    
img.icon {
    display: inline-block;
    width: auto;
    height: 29.5px;
    vertical-align: top;
}
    
.sctn-m-inner .flex.mod.text-block .mod-inner {
    min-height: 40vh;
    position: relative;
    padding-bottom: 40px;
}
	
.sctn-m-inner .flex.mod.text-block.w-100 .mod-inner,
.sctn-m-inner .flex.mod.text-block.r2b .mod-inner,
.sctn-m-inner .flex.mod.text-block.tm-multi .mod-inner {
	min-height: auto;
}
    
.sctn-m-inner .flex.mod.text-block .mod-inner .cta-group {
    position: absolute;
    left: 10px;
    bottom: 10px;
}
	
.tmr-multi {
    border-bottom: 1px solid;
}

.sctn-m-inner .flex.mod.text-block.tm-multi .tmr-multi:last-child {
	border-bottom: none;	
}
	
body.blog article.type-post .sctn-m-inner .flex.mod.text-block .mod-inner {
	min-height: auto;	
	padding-bottom: 10px;
}
	
body.blog article.type-post h2.entry-title a {
	color: black;
	text-decoration: none;
}
	
/* body.blog article.type-post .flex.mod {
	border-bottom: none;	
} */
	
body.blog .sctn-m-inner .flex.mod:first-child {
	border-bottom: none;	
}
	
body.blog .sctn-m-inner .flex.mod:last-child {
	border-bottom: 1px solid;	
}
	
body.blog .entry-content .sctn-mods {
	border-top: none;
}
	
.entry-meta {
	font-size: 13px;	
}
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
.flex.mod .gform_legacy_markup_wrapper {
    display: none;
    position: fixed;
    margin: 0;
    top: 48px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background: #F59EB7;
    font-size: 16px;
    opacity: 0;
	z-index: 1;
}
    
.gform_legacy_markup_wrapper .gfield_required {
    color: white!important;
    margin-left: 1px!important;
}
	
.gform_legacy_markup_wrapper .gform_heading {
	padding: 10px;	
	margin: 0;
	margin-bottom: 0!important;
    padding-bottom: 0!important;
}

.gform_legacy_markup_wrapper h3.gform_title {
    font-size: 15px!important;
	line-height: normal;
    text-transform: capitalize;
}
    
.gform_legacy_markup_wrapper form {
    padding: 0 0 33px 0;
}
    
.gform_legacy_markup_wrapper .gsection {
    margin: 0!important;
}
    
.gform_legacy_markup_wrapper .gsection .gfield_label, .gform_legacy_markup_wrapper h2.gsection_title {
    font-size: 15px!important;
	line-height: normal;
    text-transform: capitalize;
}

    
.gform_legacy_markup_wrapper .gform_footer {
    padding: 0 10px!important;
    margin-bottom: 15px!important;
}
    
input.gform_button {
    font-size: 24px!important;
    background: black;
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 10px;
    margin: 10px 0 15px 0!important;
    width: 100%!important;
    height: 50px!important;
}
    
.gform_legacy_markup_wrapper .top_label .gsection_description {
    font-size: 16px;
    margin-bottom: 9px;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0!important;
}
    
.gform_legacy_markup_wrapper .gsection {
    border-bottom: none!important;
    border-top: none!important;
    padding: 0!important;
}
    
body .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 15px!important;
    border-top: 1px solid;
    padding: 10px 10px 0 10px!important;
}
    
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label,
.gform_legacy_markup_wrapper ul.gfield_checkbox li label, .gform_legacy_markup_wrapper ul.gfield_radio li label {
    font-size: 15px!important;   
    background: transparent;
}
    
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    min-height: auto!important;
}
    
.gform_legacy_markup_wrapper .gfield_checkbox li, .gform_legacy_markup_wrapper .gfield_radio li {
    margin: 0 0 0!important;
    mix-blend-mode: multiply;
}
    
.gform_legacy_markup_wrapper ul.gfield_checkbox, .gform_legacy_markup_wrapper ul.gfield_radio,
body .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_radio {
    margin: 0!important;
}
    
body .gform_legacy_markup_wrapper .top_label div.ginput_container {
    margin-top: 5px!important;
}
    
.gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_legacy_markup_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 2px!important;
}
    
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-radius: 0;
    border: 1px solid black;
    line-height: 15px;
}
    
.gform_legacy_markup_wrapper ul.gfield_radio li input+input {
    margin-left: 0!important;
    border-top: none!important;
    border-left: none!important;
    border-right: none!important;
    padding-left: 0!important;
    padding-top: 3px!important;
}
    
.gform_legacy_markup_wrapper select {
    line-height: 15px;
    border: 1px solid black;
    height: 29px;
    background: transparent;
}
    
.gform_legacy_markup_wrapper textarea {
    border: 1px solid black;  
    background: transparent;
}
    
.gform_legacy_markup_wrapper .field_description_below .gfield_description {
    padding-top: 5px!important;
}
    
.gform_legacy_markup_wrapper li.gfield.field_description_below+li.gsection {
    padding-top: 60px!important;
}
	
.gform_legacy_markup_wrapper li.gfield.gsection.field_description_below h5,
.gform_heading h5 {
    font-size: 42px;
    line-height: 38px;
    margin-bottom: 15px;
	margin-top: 0;
    display: block;
}
    
.gform_legacy_markup_wrapper li.gfield.gsection.field_description_below {
    margin-top: 0!important;
}
	
p.gform_description:empty {
	display: none;	
}
/*--------------------------------------------------------------
# DONATION FORMS
--------------------------------------------------------------*/	
.donation-boxes {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 10;
	background: #000000db;
	display: none;
}
	
.donation-boxes iframe {
	height: 90%;
    position: absolute;
    left: 10%;
    display: block;
    width: 80%;
}
	
.db-close {
	position: fixed;
	right: 10px;
	bottom: 0;
    color: black;
	background: white;
    text-decoration: none;
    font-weight: bold;
    padding: 10px;
    font-size: 24px;
    text-align: center;
	border-radius: 10px 10px 0 0;
	width: 82px;
	cursor: pointer;
}
/*--------------------------------------------------------------
# MAILCHIMP FORMS
--------------------------------------------------------------*/
#mc_embed_signup form {
	font-size: 16px;	
	padding-bottom: 5px;
}
	
#mc_embed_signup label {
	font-weight: 700;	
	margin-bottom: 5px;
	display: block;
}
	
#mc_embed_signup fieldset {
	margin-bottom: 15px;	
}
	
#mc_embed_signup .input {
	margin-right: 0;	
}
	
#mc_embed_signup input,
#mc_embed_signup select {
	border: 1px solid;
	border-radius: 0;
	background: transparent;
	font-size: 16px;
	padding: 5px 4px;
	width: 100%;
}
	
#mc_embed_signup .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field .input, #mc_embed_signup .hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field label {
	margin-right: 5px;
}
	
#mc_embed_signup .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field .input, #mc_embed_signup .hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field label {
	margin-left: 5px;
}

#mc_embed_signup legend {
	font-size: .688em;
	color: #767676;
	display: none!important;
}
	
#mc_embed_signup label.hs-error-msg {
	font-size: .688em;
	font-weight: normal;
	padding-top: 5px;
	color: red;	
}

span.hs-form-required {
	color: red;	
}
	
#mc_embed_signup input.hs-button.primary.large {
    font-size: 24px;
    background: black;
    border: none;
    color: white;
    font-weight: 700;
    border-radius: 10px;
	width: auto;
    margin: 10px;
    height: 50px;
	margin-top: 30px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
/*--------------------------------------------------------------
# SEARCH FORM
--------------------------------------------------------------*/
header.entry-header.srch-r {
	padding: 10px;
	border-bottom: 1px solid;
}
	
section.no-results.not-found header.page-header h2 {
	margin: 0;	
}
	
section.no-results.not-found header.page-header {
	padding: 10px;	
}
	
header.entry-header.srch-r h2.entry-title {
	margin: 0;	
}
	
header.entry-header.srch-r h2.entry-title a {
	color: black;
	text-decoration: none;
}
/*--------------------------------------------------------------
# HOVER/CLICK STATES
--------------------------------------------------------------*/
.srch-toggle:hover {
    color: white;
    background: black;
    border-color: black;
}
    
.s-active {
    color: white;
    background: black;
    border-color: black;
}
    
}

@media screen and (min-width: 568px) {
/*--------------------------------------------------------------
# GLOBALS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
}

@media screen and (min-width: 600px) {
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/        
.m-toggle {
    width: 94px;
}

.cf-toggle {
    width: 114px;
    right: 124px;
}
    
ul#bottom-menu a, .srch-toggle {
    width: 92px;
}
    
.mob-nav {
    position: relative;
    overflow: hidden;
}
    
nav.mob-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
}
    
.mob-nav form.search-form {
    border-radius: 0 0 0 10px;
}
    
nav#iam-navigation {
    border-bottom: none;
}
    
nav#mob-navigation {
    border-left: 1px solid black;
}
    
.iam-inner, .mn-inner {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}
    
.mob-nav ul#primary-menu {
    height: calc(100vh - 48px);
    overflow-y: scroll;
}
    
}

@media screen and (min-width: 768px) {
/*--------------------------------------------------------------
# GLOBALS
--------------------------------------------------------------*/
h2 {
    font-size: 40px;
}
    
h3 {
    font-size: 22px;
}
    
p, .text-block ul {
    font-size: 16px;
}
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.mob-nav ul#primary-menu {
    column-count: 2;
    column-gap: 20px;
    padding-top: 60px;
}
    
.mob-nav .menu-item-has-children {
    display: inline-block;
    width: 100%;
}
    
ul.sub-menu {
    margin-bottom: 37px;
}
    
nav#iam-navigation {
    font-size: 40px; 
}
    
.m-toggle {
    margin-right: 134px;
}
    
.q-exit {
    display: block;
    position: absolute;
    top: 0;
    width: 94px;
    right: 0;
    color: black;
    background: #ffcc00;
}
    
.top-bar {
    font-size: 0;
}
    
.site-branding {
    width: 50%;
}
    
.site-tag {
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    float: none;
}
    
.date-tag {
    display: block;
    float: right;
    width: 114px;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.site-info {
    font-size: 0;
}
	
footer {
	border-top: none;	
}

footer .flex.mod {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    vertical-align: top;
    border-bottom: none;
}
    
footer .flex.mod:last-child {
    border-right: none;
}
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
.introduction {
    padding: 0;
    min-height: 80vh;
	min-height: calc(100vh - 205px);
}
    
.intro-inner {
    padding-top: 200px;
    padding-bottom: 100px;
    width: 75%;
}
	
.intro-follower .flex.mod .mod-inner {
	height: 133px;	
	position: relative;
}
	
.intro-follower .flex.mod .cta-group {
    position: absolute;
    left: 10px;
    bottom: 6px;
}
    
.sctn-m-inner, .intro-follower {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
    
.ttl-col {
    width: 50%;
}
    
.time-col {
    width: 20%;
}
    
.flex.mod {
    border-right: 1px solid;
    box-sizing: border-box;
}
    
.sctn-m-inner .flex.mod.text-block .mod-inner {
    min-height: 60vh;
}
    
.intro-follower .flex.mod:last-child,
.sctn-m-inner .flex.mod:last-child {
    border-bottom: 1px solid;
}
    
.entry-content .tab {
    border-top: none;
}
    
.w-100 {
    width: 100%;
    flex-basis: 100%;
    border-right: none;
}
    
.w-50 {
    width: 50%;
    flex-basis: 50%;
}
    
.w-50:nth-child(2n) {
    border-right: none;    
}
	
.sctn-mods {
	border-top: none;	
}  
	
.flex.mod.text-block.w-100 .mod-inner {
    height: 103px; 
}
	
body.blog .sctn-m-inner .flex.mod:first-child {
	border-bottom: 1px solid;	
}
	
body.blog article .sctn-m-inner .flex.mod {
	border-right: none;	
}
    
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
.cf-toggle {
    left: 50%;
    right: auto;
    margin-left: -124px;
}
    
.flex.mod .gform_legacy_markup_wrapper {
    width: 50%;
    border-right: 1px solid;
}
	
.db-close {
	width: 94px;	
}
    
}

@media screen and (min-width: 1024px) {
/*--------------------------------------------------------------
# GLOBALS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
h2 {
    font-size: 50px;
}
    
h3 {
    font-size: 26px;
}
    
p, .text-block ul {
    font-size: 18px;
}
    
a.cta {
    font-size: 14px;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
    
}

@media screen and (min-width: 1181px) {
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
.gform_legacy_markup_wrapper form {
    width: 590px;
    margin-left: auto!important;
    margin-right: 0!important;
    border-left: 1px solid;
}
}

@media screen and (min-width: 1200px) {
/*--------------------------------------------------------------
# GLOBALS
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.tb-inner, nav.bottom-nav-bar, .mob-bar, .tab-inner {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
    
.entry-header.tab .t-inner {
    width: auto;
}
    
.mob-nav {
    position: fixed;
    top: 48px;
    left: 0;
    right: 0;
    bottom: 0;
    background: white;
}
    
.iam-inner nav {
    max-width: 580px;
    margin-right: 0;
    margin-left: auto;
}
    
nav.mob-bottom {
    right: 50%;
    left: auto;
}
    
.mn-inner {
    max-width: 685px;
}
    
.mob-nav form.search-form {
    width: 100%;
    box-sizing: border-box;
}
    
.mob-nav input.search-field, .mob-nav input.search-submit {
    display: block;
    width: 580px;
    margin-left: auto;
    margin-right: 0;
}
    
.mob-nav .menu-bottom-container {
    width: 590px;
	margin-right: 0;
    margin-left: auto;
    display: block;
}
    
.t-inner, .bt-inner, .intro-inner, .w-100 .mod-inner {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}
    
.w-50 .mod-inner, footer .tm-1r .mod-inner, footer .tm-2r .mod-inner {
    width: 580px;
}
    
.w-50 .mod-inner, footer .tm-1r .mod-inner, footer .tm-2r .mod-inner  {
    margin-left: auto;
    margin-right: 0;
}
    
.w-50:nth-child(2n) .mod-inner {
    margin-left: 0;
    margin-right: auto;
}
	
header.entry-header.srch-r h2.entry-title {
    width: 1180px;
    margin: 0 auto;
}
	
section.no-results.not-found header.page-header {
    width: 1185px;
    margin: 0 auto;	
}
	
section.no-results.not-found input.search-field,
section.no-results.not-found input.search-submit {
    width: 1180px;
    margin-left: auto;
	margin-right: auto;
	display: block;
}
/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# MODULES
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# FORMS
--------------------------------------------------------------*/
}