/*
 Theme Name:   Gay Therapy Center Theme 2020
 Theme URI:    /
 Description:  Flex grid theme using SlimMenu
 Author:       JV Media Design
 Author URI:   https://jvmediadesign.com
 Version:      6.6.1
*/

/* NOTE: CLIENT IS USING CLOUDFLARE */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&family=Open+Sans+Condensed:wght@700&family=Roboto:wght@400;700&display=swap');
@import url('css/mainmenu.css');

:root {
    --main-family: 'Noto Sans KR', sans-serif;
    --secondary-family: 'Roboto', sans-serif;
    --headers-family: 'Open Sans Condensed', sans-serif;
    
    --main-color: rgb(28,177,100);
    --light-background: rgb(232,234,236);
    --dark-background: #4a4a4a;
    --text-color: #4c4c4c;
    --secondary-text-color: rgb(28,177,100);
    --text-shadow: 0 1px 1px rgb(0,0,0,1);
    
    --border-radius: 10px;
    --round-border-radius: 0%;
}

body, html {
    overflow-x: hidden;
}

body {
    background: white;
    color: var(--text-color);
    padding: 0;
    margin: 0;
    font-family: var(--secondary-family);
    font-weight: 400;
    font-size: 1.175rem;
    font-style: normal;
    line-height: 1;
    cursor: default;
    position:relative;
}

.rel {
    position: relative !important;
}

.row {
    width: 100%;
    max-width: 1210px;
}

footer {
    border-top: 5px solid var(--main-color);
}

.border-btm {
    border-bottom: 5px solid var(--main-color);
}
/*
main .row {
    padding: 0;
    margin: 0 auto !important;
}*/

.row.collapse h1, .row.collapse h2, .row.collapse h3, .row.collapse h4 {
    margin-bottom: 0;
}

/*code for responsive iframe*/
.ifcontainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; 
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  min-height:700px !important;
}

.ajax-load-more-wrap.green {
    background: none !important;
}

.alm-btn-wrap .button.alm-load-more-btn {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    color: #fff !important;
    background: var(--main-color) !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    text-shadow: none !important;
    text-align: center !important;
    padding: .5rem 1.3rem !important;
    margin: .2rem auto !important;
    display: inline-block !important;
    cursor: pointer !important;
    border: 2px solid var(--main-color) !important;
    border-radius: var(--border-radius) !important;
    transition: all 300ms ease-out;
}
    
.alm-btn-wrap .button.alm-load-more-btn:hover, .alm-btn-wrap .button.alm-load-more-btn:focus {
    color: var(--main-color) !important;
    background: #fff !important;
    text-decoration: none !important;
    border: 2px solid var(--main-color) !important;
}

/* ============================================================== */
/* ---------------------------->>>> BACKGROUND COLORS ----------- */
/* ============================================================== */

.lightgray {
    background: var(--light-background);
}

.gray {
    background: var(--dark-background);
}

.green {
    background: var(--main-color);
}

.watermark {
    background-image: url(images/logo-watermark.png);
    background-repeat: no-repeat;
    background-position: center center;
}

.gray .button {
    color: #fff !important;
}

.gray .button:hover, .gray .button:focus {
    color: #fff !important;
    border: 2px solid #fff !important;
    background: none !important;
}

/* ============================================================== */
/* ----------------------------------->>>> TYPOGRAPHY ----------- */
/* ============================================================== */

/* ----------------------------------->>>> FONT FAMILIES -------- */

h4, p, main ul, main ol, main ul li, main ul, main ol, .address li, blockquote p.name {
    font-family: var(--main-family) !important;
}

h1, h2, h3, h5, blockquote, blockquote p, p.widget-title, .lightgray p.widget-title {
    font-family: var(--headers-family) !important;
}

.lightgray p, .blogdesc p {
    font-family: var(--secondary-family) !important;
}

.button:link, .button:visited, .button:active, .button:link, .button:visited, .button:active, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"], input[type="submit"], .comment-reply-link:link, .comment-reply-link:active, .comment-reply-link:visited, input[type="submit"], form.search-form button, .inbuttons a {
    font-family: var(--main-family);
}

label {
    font-family: var(--main-family) !important;
    font-weight: 400 !important;
}

footer a, .copyr li {
    font-family: var(--secondary-family);
}

.blogcats li {
    font-family: var(--secondary-family);
}

.wp-paginate .current, .wp-paginate a {
	font-family: var(--secondary-family);
    font-weight: 700 !important;
}

/* ----------------------------------->>>> -------- */

span.highlight {
  position: relative;
  display: inline-block;
  z-index: 2;
}
span.highlight .highlight-child,
span.highlight .highlight-child:before,
span.highlight .highlight-child:after {
  position: absolute;
  display: block;
  background-color: var(--light-background);
  border-radius: 1px;
  height: 20%;
  top: 1rem;
  left: 0.1em;
  right: 0.1em;
  z-index: -1;
  opacity: 0;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-animation: highlightIn 300ms ease-in-out forwards;
          animation: highlightIn 300ms ease-in-out forwards;
}
span.highlight .highlight-child:before,
span.highlight .highlight-child:after {
  content: "";
  height: 100%;
}
span.highlight .highlight-child:before {
  top: 85%;
  left: -0.15em;
  right: -0.15em;
}
span.highlight .highlight-child:after {
  top: 170%;
  left: 0.1em;
  right: 0.1em;
}

@-webkit-keyframes highlightIn {
  0% {
    opacity: 1;
    -webkit-transform: skew(-6deg) scaleX(0);
            transform: skew(-6deg) scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: skew(-6deg) scaleX(1);
            transform: skew(-6deg) scaleX(1);
  }
}

@keyframes highlightIn {
  0% {
    opacity: 1;
    -webkit-transform: skew(-6deg) scaleX(0);
            transform: skew(-6deg) scaleX(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: skew(-6deg) scaleX(1);
            transform: skew(-6deg) scaleX(1);
  }
}

.lightgray h1, .lightgray h3, .lightgray p {
    color: var(--text-color);
}

.widget-title {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--secondary-text-color) !important;
    margin-bottom: 0;
}

.post-date {
    font-size: 1rem !important;
    margin-top: 0;
}

.excerpt h3 {
    margin-bottom: 0 !important;
}

a {
    text-decoration: none;
    color: var(--main-color);
}
a:hover {
    color: var(--main-color);
    transition: all 300ms ease-out !important;
}
main p a, main p a:link, main p a:visited, main p a:active, main li a, main li a:link, main li a:visited, main li a:active {
    color: var(--text-color);
    text-decoration: none !important;
    border-bottom: 5px solid var(--main-color);
    transition: all 300ms ease-out;
}

main p a:hover, main p a:focus, main li a:hover, main li a:focus {
    color: #fff;
    border-bottom: 5px solid var(--main-color);
    background: var(--main-color);
}

.homehero p {
    margin-bottom: 0;
}

a:hover {
    transition: all 300ms ease-out;
}

a.no-effects, .insta a {
    color: inherit !important;
    border: none !important;
    background: none !important;
}

p.quote-title {
    font-weight: 700;
}

.addtoany_list a {
    background: none !important;
    border: none !important;
}

.addtoany_share_save_container { display: none; }

a img {
    border: none !important;
    outline: none;
    text-decoration: none !important;
}

/* Default paragraph styles */
p {
    /*width: 100%;*/
}

p, main ul, main ol {
    color: var(--text-color);
    width: 100%;
    margin-bottom: 1.5rem;
    width: auto;
}

p, main ul li, main ol li {
    line-height: 1.5;
}

p.large, p.larger {
    margin: 0;
    padding: 0;
    line-height: normal;
    text-align: center;
}

.small, small {
    font-size: 1rem;
}

.u {
    text-decoration: underline;
}

blockquote {
    padding: 2rem 2rem 1rem 2rem;
    width: 80%;
    margin: 3rem auto;
    border: 11px solid var(--main-color);
}

blockquote, blockquote p {
    color: var(--text-color);
    font-size: 1.6rem !important;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3 !important;
}

.box-r blockquote, .box-l blockquote {
    border: none !important;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

blockquote p {
    padding: 0;
    margin: 0 0 1.5rem 0;
}

blockquote p.name {
    font-weight: 400 !important;
    font-size: 1.2rem !important;
}

h1, h2, h3, h5 {
    width: 100%;
    font-weight: 700;
}

h1, h2, h3 {
    text-transform: uppercase;
}

h1 {
    color: var(--text-color);
    margin-bottom: 0;
}

h4 {
    width: 100%;
    font-weight: 400;
}

h2, h4, h5 {
    color: var(--text-color);
}

span.greentext{
    color: var(--secondary-text-color) !important;
}

h1 .greentext {
    font-size: 125%;
}

h2 .greentext {
    font-size: 165%;
    line-height: 1;
}

h1 a:link, h1 a:active, h1 a:visited,
h2 a:link, h2 a:active, h2 a:visited,
h3 a:link, h3 a:active, h3 a:visited,
h4 a:link, h4 a:active, h4 a:visited {
	color: inherit;
    transition: background 300ms ease-out;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: inherit;
    text-decoration: none;
}

hr {
    background: url(images/brand-hr.png) no-repeat center center;
    border: none;
    clear: both;
    margin: 1rem auto !important;
    padding: 0;
    width: 100%;
    height: 46px;
}


.row.collapse hr {
    margin: 0 auto;
}

.clearfloat {
	height: 0;
	line-height: 0;
	font-size: 1px;
	clear: both;
}

em,
i {
  font-style: oblique;
  line-height: inherit; }

strong, b, .heavy {
  font-weight: 700; }

main ul,
main ol {

  list-style-position: outside;
}
 
ul.inline {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.inline li {
    display: inline-block;
    vertical-align: bottom;
    width: auto;
    margin: 1rem 1rem .5rem 0;
}

form ul.inline {
    margin: 0 auto !important;
}

form ul.inline li {
    margin: 0 !important;
    display: inline-block;
}

.floater {
    position: fixed;
    bottom: 2vh;
    right: 1vw;
    opacity: .8;
z-index: 99999 !important;
    transition: all 300ms ease-in;
}

/* Unordered Lists */
main ul li ul,
main ul li ol {
    margin-top: 1rem;
  margin-left: 1rem;
  margin-bottom: 0; }

main ul li {
    list-style-image: url(images/bullet.png);
    padding-bottom: .8rem;
}

/* Ordered Lists */

  main ol li ul,
  main ol li ol {
    margin-left: 1rem;
    margin-bottom: 0; }

main ol li {
    list-style: decimal;
    padding-bottom: .8rem;
}

.gray h2, .gray h3, .gray h4, .gray h5, .gray p, .gray a, main .gray ul, main .gray ol, main .gray li, main .gray form label,  
.green h2, .green h3, .green h4, .green h5, .green p, .green a, main .green ul, main .green ol, main .green li, main .green form label {
    color: #fff !important;
}

/* ============================================================== */
/* --------------------------------------->>>> HEADER ----------- */
/* ============================================================== */

header {
    display: block;
    width: 100% !important;
    z-index: 800;
    position: relative;
}

.headermain {
    max-width: 1400px !important;
    /* align bottom */
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.headercontainer.solid .headermain, .headermain.subpg {
    padding: .2rem 0 !important;
    /* align middle */
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


.logo a, .logo-sub a, .logo-mobile a {
    display: block;
    margin: 0;
}

.headercontainer {
    position: relative;
    z-index: 1;
    padding: 1rem;
}

header ul {
    margin: 0 auto;
    padding: 0;
}

header li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
}

.topbar {
    padding: .5rem 1rem;
}

.topbar .column, .topbar p {
    margin: 0;
    padding: 0;
}

.topbar p {
    font-size: 1rem;
    line-height: normal;
}

@media screen and (max-width: 910px) {
    
    .topbar .column {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center;
        margin: .2rem auto;
    }

}


/* ============================================================== */
/* -------------------------------------->>>> BUTTONS ----------- */
/* ============================================================== */

.button:link, .button:visited, .button:active, .button:link, .button:visited, .button:active, .comment-reply-link:link, .comment-reply-link:active, .comment-reply-link:visited, form.search-form button {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--text-color);
    background: none;
    text-transform: uppercase;
    text-decoration: none !important;
    text-shadow: none !important;
    text-align: center;
    padding: .5rem 1.3rem;
    margin: .2rem auto;
    /* TO CENTER BUTTONS:
    display: block;
    max-width: 250px;*/
    display: inline-block;
    cursor: pointer;
    border: 2px solid var(--main-color);
    border-radius: var(--border-radius);
    transition: all 300ms ease-out;
}
    
.button:hover, .button:focus, input[type="submit"]:focus,
form.search-form button:hover, form.search-form button:focus, .comment-reply-link:hover, .comment-reply-link:focus {
    color: var(--text-color);
    background: #fff;
    text-decoration: none;
    border: 2px solid var(--text-color);
}

.green .button {
    background: none !important;
    color: #fff !important;
    border: 2px solid #fff !important;
}

.green .button:hover {
    background: none !important;
    color: var(--text-color) !important;
    border: 2px solid var(--text-color) !important;
}

.button.green {
    background: var(--main-color);
    color: #fff;
}

.button.green:hover, .button.green:focus {
    background: var(--dark-background);
}

.button.small {
    padding: .5rem 1rem .6rem 1rem !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

/* -------->>>> FORM BUTTONS ------ */

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"], input[type="submit"], input[type="submit"] {
    font-size: 1.2rem;
    line-height: 1;
    color: white;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    padding: .7rem 3rem;
    margin: 0 auto;
    border: 2px solid var(--main-color) !important;
    cursor: pointer;
    background: var(--main-color);
    border-radius: 0;
    transition: background 300ms ease-out, border  300ms ease-out, color 300ms ease-out;
}

.green .gform_wrapper .gform_footer input.button, .green .gform_wrapper .gform_footer input[type="submit"], .green .gform_wrapper .gform_page_footer input.button, .green .gform_wrapper .gform_page_footer input[type="submit"], input[type="submit"], input[type="submit"] {
    border: 2px solid #fff !important;
}

.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, input[type="submit"]:hover, .gform_wrapper .gform_footer input.button:focus, .gform_wrapper .gform_footer input[type="submit"]:focus {
    color: var(--text-color) !important;
    background: #fff !important;
    text-decoration: none !important;
    border: 2px solid var(--text-color) !important;
}

.gform_wrapper .gform_footer {
    padding: 0 !important;
    margin-top: 1rem !important;
}

/* ============================================================== */
/* ---------------------------------------->>>> FORMS ----------- */
/* ============================================================== */

.column.text-center .gform_wrapper {
    display: inline-block !important;
}

.gf_simple_horizontal label {
    display: none !important;
}

.gform_wrapper ul li.gfield {
    padding-left: 0 !important;
}

input::placeholder, textarea::placeholder {
    color: var(--text-color);
    opacity: 1;
}

input:focus::placeholder {
    color: var(--main-color);
}

/* Default Form Stuff */

label {
    font-size: 1.1rem !important;
    color: var(--text-color);
    font-weight: normal !important;
}

form span label {
    font-size: 1rem !important;
}

.gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_date_"] label, .gform_wrapper .field_sublabel_above div.ginput_container[class*="gfield_time_"] label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_date_"] label, .gform_wrapper .field_sublabel_below div.ginput_container[class*="gfield_time_"] label {
    font-size: .9rem !important;
    letter-spacing: normal !important;
}

[type="text"], [type="password"], [type="date"], [type="datetime"], [type="datetime-local"], [type="month"], [type="week"], [type="email"], [type="number"], [type="search"], [type="tel"], [type="time"], [type="url"], [type="color"], textarea {
    border: 1px solid var(--secondary-text-color) !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    background: #fff !important;
    color: var(--secondary-text-color) !important;
    font-size: 1rem !important;
    font-weight: 400;
    margin: 0 !important;
    padding: .5rem 1rem !important;
    height: auto !important;
    line-height: inherit !important;
    transition: border 300ms ease-out;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border-color: 0.25x ease-in-out, -webkit-box-shadow 0.5s;
      transition: border-color 0.25x ease-in-out, -webkit-box-shadow 0.5s;
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
  textarea:focus {
      outline: none;
      border: 1px solid var(--secondary-text-color);
      -webkit-box-shadow: 0 0 5px var(--secondary-text-color);
      box-shadow: 0 0 5px var(--text-color);
      -webkit-transition: border-color: 0.25x ease-in-out, -webkit-box-shadow 0.5s;
      transition: border-color: 0.25x ease-in-out, -webkit-box-shadow 0.5s;
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
      transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  }

form li {
    margin-bottom: 0;
}

.gform_wrapper .gfield_required {
    color: var(--main-color) !important;
    font-weight: 400 !important;
}

.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"] {
    vertical-align: inherit !important;
}

.gform_wrapper .top_label .gfield_label {
    font-weight: 400 !important;
}

body .gform_wrapper ul li.gfield {
    margin: 16px 0 0 0 !important;
}

select {
  margin: 0 !important;
  padding: 0.2rem 1rem !important;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid var(--text-color) !important;
  border-radius: 0px !important;
  background-color: #fff;
  font-family: inherit;
  font-size: 1rem !important;
  font-weight: 700 !important;
  line-height: auto !important;
  color: var(--text-color) !important;
  
    background-image: url(images/select-arrow.png);
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat !important;
  background-size: 36px 37px !important;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }

  @media screen and (min-width: 0\0) {
    select {
        background-image: url(images/select-arrow.png);
      
      }
  select:focus {
    outline: none;
    border: 1px solid #8a8a8a !important;
    background-color: #fefefe !important;
    box-shadow: 0 0 5px #cacaca !important;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out; }
  select:disabled {
    background-color: #e6e6e6;
    cursor: not-allowed; }
  select::-ms-expand {
    display: none; }
  select[multiple] {
    height: auto;
    background-image: none; }
}


/* ============================================================== */
/* --------------------------------------->>>> FOOTER ----------- */
/* ============================================================== */

footer {
    clear: both;
    padding: 0;
    font-size: 1rem !important;
    font-weight: 300;
}

footer .row {
    padding: 1rem;
}

footer a, .copyr li a {
    color: var(--secondary-text-color);
}

.underline {
    border-bottom: 1px solid var(--secondary-text-color);
}

footer p {
    margin: 0;
    font-size: 1rem;
}

footer .blacktext {
    color: #000;
    font-weight: 700;
    margin-bottom: .5rem;
}

footer .button {
    margin-bottom: 1rem !important;
    min-width: 244px;
}

form.no-labels label {
    display: none !important;
}

footer ul {
    margin: 1rem auto;
    padding: 0;
}

footer li {
    list-style: none;
    line-height: 1.5;
    padding: 0;
}

.copyr ul {
    margin: 0 auto;
}

.copyr li {
    display: inline-block;
}

.copyr li:before {
    content: "\007c";
    font-size: 1.4rem;
    padding: 0 .5rem;
}

.copyr li:first-child:before {
    content: "";
    padding: 0;
}

footer a {
    font-weight: 300;
    border-bottom: 1px solid var(--main-color);
}

footer a:hover {
    background: rgba(255,255,255,.2) !important;
}

.social {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

.social li {
    list-style: none;
    display: inline-block;
    margin: .3rem .7rem !important;
}

.social img {
    transition: opacity 300ms ease-out;
    margin: 0 auto !important;
}

.social img:hover {
    opacity: .7 !important;
}

.social a {
    display: inline-block;
    border-bottom: none !important;
}

.social a:hover {
    background: none;
}

@media screen and (min-width: 841px) and (max-width: 1105px) {
    footer .f-adam, footer .f-press {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    footer .f-social {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1086px) {
    footer .blacktext {
        text-align: center;
    }
}

@media screen and (max-width: 840px) {
    footer .f-adam, footer .f-press, footer .f-social {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    footer {
        text-align: center;
    }
}

/* ============================================================== */
/* ------------------------------------->>>> SECTIONS ----------- */
/* ============================================================== */

.pgtitle.row, .pgtitle h1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* ------------------------------------->>>> YARPP THUMBNAILS -------- */

.yarpp-related-widget h3 {
    color: var(--secondary-text-color) !important;
}

.yarpp-related-widget h4 {
    font-weight: 700;
}

.yarpp-thumbnail > img, .yarpp-thumbnail-default {
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    font-size: 1.2rem !important;
    margin-top: 1rem !important;
    width: 100% !important;
}

/* ------------------------------------->>>> META SLIDER -------- */

.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a {
    border: none !important;
}

.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a.flex-prev {
    left: 1% !important;
}

.metaslider.ms-theme-outline .flexslider ul.flex-direction-nav li a.flex-next {
    right: 1% !important;
}

.metaslider.ms-theme-outline .flexslider ol.flex-control-nav:not(.flex-control-thumbs) {
    bottom: 12px !important;
}


/* ------------------------------------->>>> GALLERIES -------- */

.gallery.row {
    padding: 0;
}

.gallery-item {
    margin: .7rem 0;
}

.gallery-icon {
    margin-bottom: 0;
}

.gallery br {
    clear: none !important;
}

/* ------------------------------------->>>> HERO BANNER -------- */

.banner, .banner.break-early {
    position: relative;
    /*overflow: hidden; THIS SETTINGS CUTS OFF THE IMAGE AND DOTS NAVIGATION AT THE BOTTOM
    max-height: 932px;*/
    background: #fff;
}

.herocontent h2, .herocontent h3 {
    padding: 0;
    line-height: 1.2;
    font-weight: 700;
}

.herobg {
    margin: 0 auto;
    /*justify-content: center;
    background: var(--accent-color);*/
}
.herobg img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.boxbanner .herobg img {
    width: auto !important;
}

.boxbanner .herocontent.row {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.banner .herocontent {
    height: 100% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

/* WIDE HEROS ONLY: */

.banner.widehero, .banner.widehero .row {
    padding: 0 !important;
}

.banner.widehero .herobg img {
    width: 100%;
    height: 100%;
}

.banner.widehero .herocontent {
    height: 100% !important;
}


/* Small */
@media only screen and (max-width: 879px) {

    .pagetitle.row {
        padding: 1rem !important;
    }
    .herocontent h1, .herocontent h2, .herocontent h3, .herocontent p {
        color: var(--accent-color);
}
    
    .banner .herobg {
        height: auto !important;
    }
    
    .banner .herocontent {
        padding: 0;
        position: relative;
        height: auto !important;
    }
    
    .banner .herocontent .column {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        width: 100% !important;
    }
    
    .boxbanner .herobg img {
        width: 100% !important;
        height: 100% !important;
    }
    
    .box-r.column, .box-l.column {
        padding: 0 1rem;
    }
    
}

/* Medium + Large */
@media only screen and (min-width: 880px) {
    
    .pagetitle.row {
        padding: 4rem 0 0 0 !important;
    }
    
    .banner .herocontent {
        padding: 2rem;
        position: absolute;
        width: 100% !important;
    }
    
    .banner.widehero .herocontent h1, .banner.widehero .herocontent h2, .banner.widehero .herocontent h3, .banner.widehero .herocontent p, .banner.widehero .herocontent li, .banner.widehero .herocontent form label {
        color: #fff !important;
}
 
    .box-r {
        border-left: 11px solid var(--main-color);
        border-top: 11px solid var(--main-color);
        border-bottom: 11px solid var(--main-color);
        min-height: 60%;
        padding-top: 2.2rem;
        padding-bottom: 1rem;
    }
    
    .box-r .row, .box-l .row {
        height: 100%;
    }
    
    .box-l {
        border-right: 11px solid var(--main-color);
        border-top: 11px solid var(--main-color);
        border-bottom: 11px solid var(--main-color);
        min-height: 60%;
        padding-top: 2.2rem;
        padding-bottom: 1rem;
    }
    
    .box-l p, .box-r p {
        font-size: 1.3rem !important;
    }
    
    .box-l blockquote p, .box-r blockquote p {
        font-size: 1.6rem !important;
    }
    
}

/* HOMEPAGE BANNER BREAK SOONER */

@media screen and (max-width: 1171px) {
    .banner.break-early .herobg {
            -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    }
    
    .banner.break-early .herocontent {
        position: relative !important;
            -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    }
    
    .banner.break-early .herocontent .column {
        -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
        margin-left: 0;
    }
    
    .banner.break-early .herocontent p, .banner.break-early .herocontent h2, .banner.break-early .herocontent h3, .banner.break-early .herocontent li, .banner.break-early .herocontent label {
        color: var(--text-color) !important;
    }
}

@media screen and (min-width: 1172px) {
    
    .banner.break-early .herocontent {
        padding: 2rem;
        position: absolute;
        width: 100% !important;
    }
    
    .banner.break-early.widehero .herocontent h1, .banner.break-early.widehero .herocontent h2, .banner.break-early.widehero .herocontent h3, .banner.break-early.widehero .herocontent p, .banner.break-early.widehero .herocontent li, .banner.break-early.widehero .herocontent form label {
        color: #fff !important;
}
 
    .box-r {
        border-left: 11px solid var(--main-color);
        border-top: 11px solid var(--main-color);
        border-bottom: 11px solid var(--main-color);
        min-height: 60%;
        padding-top: 2.2rem;
        padding-bottom: 1rem;
    }
    
    .box-r .row, .box-l .row {
        height: 100%;
    }
    
    .box-l {
        border-right: 11px solid var(--main-color);
        border-top: 11px solid var(--main-color);
        border-bottom: 11px solid var(--main-color);
        min-height: 60%;
        padding-top: 2.2rem;
        padding-bottom: 1rem;
    }
    
    .box-l p, .box-r p {
        font-size: 1.3rem !important;
    }
    
    .box-l blockquote p, .box-r blockquote p {
        font-size: 1.6rem !important;
    }
}

@media screen and (max-width: 1319px) {
    .banner.widehero .herocontent h3 {
        font-size: 1.5rem;
    }
    
    .banner.widehero .herocontent p {
        font-size: 1rem;
    }
    
    .banner.widehero .herocontent li {
            font-size: 1rem;
    }
}

@media screen and (min-width: 1320px) and (max-width: 1415px) {
    .banner.widehero .herocontent h3 {
        font-size: 1.7rem;
    }
    
    .banner.widehero .herocontent p {
        font-size: 1.175rem;
    }
    
    .banner.widehero .herocontent li {
            font-size: 1.1rem;
    }

}

@media screen and (min-width: 1416px) {

    .banner.widehero .herocontent p {
            font-size: 1.3rem;
    }
    
    .banner.widehero .herocontent li {
            font-size: 1.175rem;
    }

    .banner.widehero .herocontent h3 {
        font-size: 2rem;
    }
    
}

/* ------------------------------------->>>> VIDEO HERO BANNER -------- */

.videobg {
    position: relative;
    overflow: hidden !important;
}

.vid {
    height: auto;
    width: 100%;
    overflow: hidden;
    margin-bottom: -8px !important;
}

.vid img {
    margin: 0;
    width: 100%;
}

.vid p {
    margin: 0;
    width: 100%;
}

.videobg .content h1 {
    line-height: .9;
    padding: 0;
}

video#bg-video {
  min-width: 100%;
  width: 100%;
  height: auto;
  z-index: -10;
  overflow: hidden;
}

/* MEDIUM + LARGE */

@media screen and (min-width: 880px) {
    
    .videobg .mobileimg {
        display: none;
    }
    .videobg .content h1 {
        margin: 0 0 3rem 0;
    }
    
    .videobg .content p {
        margin-bottom: .5rem;
    }
    
    .videobg .content .button {
        margin-top: 2rem;
    }
    
    .videobg .content {
        position: absolute;
        right: 0;
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
    height: 100% !important;
        z-index: 1;
        background-size: cover !important;
    }
    
    .videobg .content .column {
            margin-left: 50%;
        -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    }

}

@media only screen and (max-width: 879px) {
    .vid {
            display: none;
        }
    
    .videobg .content h1 {
        margin: 0 0 2rem 0;
    }
    
    .videobg .content {
        position: relative;
        padding: 1rem;
        width: 100%;
    }
    
    .banner.videobg .herocontent {
        padding: 2rem 1rem !important;
        position: relative !important;
        width: 100% !important;
    }
    
    .banner.videobg .herocontent .column {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;}

}

/* ------------------------------------->>>> OLD VIDEO HERO BANNER -------- */
/*
.videobg {
    position: relative;
    overflow: hidden !important;
}

.vid {
    height: auto;
    max-height: 840px;
    width: 100%;
    overflow: hidden;
}

.vid img {
    margin: 0;
    width: 100%;
}

.vid p {
    margin: 0;
    width: 100%;
}

.videobg .content h1 {
    line-height: .9;
    padding: 0;
}

video#bg-video {
  min-width: 100%;
  width: 100%;
  height: auto;
  z-index: -10;
  overflow: hidden;
}


@media screen and (min-width: 880px) {
    
    .videobg .content h1 {
        margin: 0 0 3rem 0;
    }
    
    .videobg .content p {
        margin-bottom: .5rem;
    }
    
    .videobg .content .button {
        margin-top: 2rem;
    }
    
    .videobg .content {
    position: absolute;
        right: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 50%;
    height: 100% !important;
        z-index: 1;
}
   
    .videobg .mobileimg {
        display: none;
    }

}

@media only screen and (max-width: 879px) {
    .vid {
            display: none;
        }
    
    .videobg .content h1 {
        margin: 0 0 2rem 0;
    }
    
    .videobg .content {
        position: relative;
        padding: 1rem;
        width: 100%;
    }
    
    .banner.videobg .herocontent {
        padding: 2rem 1rem !important;
        position: relative !important;
        width: 100% !important;
    }
    
    .banner.videobg .herocontent .column {
        -webkit-box-flex: 0 !important;
        -webkit-flex: 0 0 100% !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;}

}
*/


/* ------------------------------------->>>> PAGE TITLE -------- */

.pagetitle.row {
    position: relative;
}

.pagetitle .column {
    padding-left: 2rem;
    padding-right: 2rem;
}

.pagetitle.row {
    position: relative;
}


@media screen and (max-width: 810px) {
    
    .pagetitle {
        padding-top: 0;
    }

    .pagetitle .column {
        width: 100%;
        max-width: 100%;
        flex: none;
        padding-bottom: 0 !important;
    }
    
}

/* DATE / AUTHOR ON BLOG POSTS */

.banner .uplift {
    position: absolute;
    bottom: 0;
}

.banner .green.column {
    padding: .5rem;
}
.uplift p {
    margin-bottom: 0;
}

/* ============================================================== */
/* ---------------------------------->>>> SIDEBARS -------------- */
/* ============================================================== */

.sidebar ul, .sidebar ol, .sidebar li {
    list-style: none !important;
    margin-left: 0;
    padding-left: 0;
}

/* ============================================================== */
/* ----------------------------------->>>> ACCORDIONS ----------- */
/* ============================================================== */

.is-active.accordion-item {
    background: #fff;
    /*border-top: 1px solid #ccc;*/
}

.accordion {
    margin: 0 auto 2rem auto;
    padding: 0;
    width: 100%;
}


.accordion:before, .accordion:after {
    content: " ";
    display: table; 
}
.accordion:after {
    clear: both; 
}
.accordion .accordion-item, .accordion dd {
    display: block;
    margin-bottom: 0 !important;
    padding-bottom: .2rem;
    padding-left: 0;
}

.accordion-title::before {
    content: "+";
    position: absolute;
    right: 1rem;
    font-weight: normal;
    font-size: 1.5rem;
    top: 40%;
}

.accordion-title p {
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: normal;
    color: inherit;
}

.accordion .accordion-item > a, .accordion dd > a.accordion-title {
    background: var(--light-background);
    color: var(--text-color) !important;
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.3;
    border: 4px solid var(--light-background);
}

.accordion .accordion-item.active > a.accordion-title, .accordion dd.active > a.accordion-title, .accordion-item.is-active a.accordion-title {
    background: var(--main-color) !important;
    color: #fff !important;
    border: 4px solid var(--main-color);
}

.accordion .accordion-item > a.accordion-title:hover, .accordion dd > a.accordion-title:hover {
    background: var(--main-color) !important;
    color: #fff !important;
    border: 4px solid var(--main-color);
}

a.accordion-title:hover {
    background: var(--main-color) !important;
    color: #fff !important;
}

.accordion-item.is-active a.accordion-title:hover {
    background: var(--light-background) !important;
    color: var(--text-color) !important;
    border: 4px solid var(--light-background);
}




.accordion .accordion-item > .content, .accordion dd > .content {
    display: none;
    padding: 0.9375rem; 
}
.accordion .accordion-item > .content.active, .accordion dd > .content.active {
    background: #FFFFFF;
    display: block; 
}

/* ============================================================== */
/* ---------------------------------->>>> BLOG STYLES ----------- */
/* ============================================================== */

/* SIMPLE AUTHOR BOX */
/* Description font size needs to be set in the settings */

.saboxplugin-wrap {
    border: none !important;
}

.saboxplugin-wrap .saboxplugin-gravatar {
    padding: 0 30px 20px 0 !important;
}

.saboxplugin-wrap .saboxplugin-gravatar img {
    max-width: 169px !important;
}

.saboxplugin-wrap .saboxplugin-authorname {
    margin: 0 0 0 20px !important;
}

.author, .saboxplugin-wrap .saboxplugin-desc p, .saboxplugin-wrap .saboxplugin-desc {
    color: var(--secondary-text-color);
    font-family: var(--secondary-family);
    font-size: 1.1rem !important;
}

.author a {
    color: var(--secondary-text-color);
}


.author-info .column:first-child {
    padding: 1rem 0 0 0 !important;
}

.author-info .column:last-child {
    padding: 1rem 0 0 1rem !important;
}

.author-info p {
    font-size: 1rem;
}

.author-info .authorname {
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

/* --------------------------------->>>> SEARCH FORM -------- */

form.search-form {
    margin: 1rem auto;
}

form.search-form button {
    margin: 0 !important;
}

.blogsearch .search-title {
    color: var(--main-color);
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 44px;
    height: 44px;
    width: auto;
    padding: 0;
}

.blogsearch .search-title, .blogsearch form {
    display: block;
    margin: 0 auto .3rem auto;
}

@media screen and (min-width: 684px) {
    .blogsearch .search-title {
        display: inline;
        margin: 0 .3rem 0 0;
    }
    .blogsearch form {
        display: inline-block;
        margin: 0 0 0 .3rem !important;
    }
}


@media screen and (min-width: 684px) {
    .blogsearch form ul {
        text-align: center !important;
    }
    
    .blogsearch form ul li {
        text-align: center !important;
        margin: .3rem auto !important;
        display: inline-block !important;
    }
}

.pagination {
    padding: .5rem .5rem 1rem .5rem !important;
    text-align: center;
    margin: 0 auto;
}

.hide { display: none; }

/* ARTICLE EXCERPTS */

.post-title {
    margin: 0;
    padding-top: 0;
    text-align: left;
}

.post-title.catpg {
    font-size: 1.2rem;
}

.post-title.blogcatpg {
    font-size: 1.9rem;
}

.post-title a {
    color: var(--main-color) !important;
    text-decoration: none !important;
}

.article-excerpt {
    /*background: #f1f1f1;
    border: 2px solid white;*/
    border-bottom: 2px solid #eaeaea;
    display: block;
    clear: both;
    margin: 0;
    padding: 1rem;
    width: 100%;
}



.category {
    font-size: .875rem;
}

.article-excerpt .author {
    padding-left: .8rem;
    font-style: italic;
}

.article-excerpt .column {
    float: left;
}

.article-excerpt-title-row {
   padding: 0 0 1rem 0;
    margin: 1rem 0 !important;
    border-bottom: 1px solid #eaeaea;
}

.article-excerpt-date-row p {
    margin: 0;
}

.article-excerpt p.readlink {
    margin-bottom: 0;
}

.home-excerpts h3 {
    text-transform: uppercase;
}

.featured-img {
    padding: 0;
    margin: 0 auto;
}

@media screen and (max-width: 640px) {
    .featured-img {
        float: none;
        display: block;
        margin: 0 auto;
    }
}

.featured-img-full {
    width: auto;
    margin: 0 auto;
}

.featured-img-full img {
    min-width: 100%;
    height: 100%;
}


.alignnone {
	display: inline;
}

.alignright { float: right; padding: 0;
	margin: 10px 0 0 25px; }
.alignleft { float: left;
padding: 0;
	margin: 10px 25px 0 0;}
.aligncenter { display: block; padding: 0;
	margin: 10px auto; }


.wp-caption {
	background: var(--light-background);
    border: 1px solid var(--main-color);
	text-align: center;
	padding: .5rem;
	color: var(--main-color);
	font-size: .875rem;
	display: block;    
    max-width: 100%;
}
	.wp-caption a {
		line-height: 0.11em;
		font-size: .875em;
	}
	.wp-caption a:hover {
		color: var(--main-color);
	}
	.wp-caption img {
		margin: 0 auto;
		display: block;
		padding: 0;
        box-shadow: none;
	}
	.wp-caption-text {
		font-size: .875rem;
		color: var(--main-color);
		padding: 3px !important;
		margin: 0 !important;
	}
.wp-caption-dd {
	font-size: 1rem;
	line-height: 16px;
	padding: 0 4px 5px;
	margin: 0;
}

.wp-paginate {
    text-align: center;
    margin: 0 auto !important;
}

.wp-paginate li {
    display: inline-block;
}
.wp-paginate li, .wp-paginate li .span {
    font-size: 1.2rem !important;
    line-height: 1 !important;
}

.wp-paginate a { display: inline-block; }

.wp-paginate .current, .wp-paginate a {
    font-size: 1.2rem !important;
    line-height: 1 !important;
    color: white;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    padding: .5rem !important;
    background: var(--main-color) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    border: 2px solid transparent !important;
    transition: all 300ms ease-in;
    margin: .2rem !important;
}

.wp-paginate .current, .wp-paginate a:hover {
	color: var(--main-color) !important;
    background: white !important;
    line-height: 1 !important;
    padding: .5rem !important;
    border: 2px solid var(--main-color) !important;
    display: inline-block;
}


/* ============================================================== */
/* ---------------------------------->>>> BREAKPOINTS ----------- */
/* ============================================================== */


/* --------------------------- */
/* ----- ALL RESOLUTIONS ----- */
/* --------------------------- */

.mobileimg img, .wide img {
    width: 100%;
    height: 100%;
}

.text-right {
    text-align: right;
}

.widerow.row, .wide.row {
    padding: 0 !important;
}

.wide.row img {
    width: 100%;
    margin: 0;
}

.no-l-padding {
    padding-left: 0;
}

.no-top-padding { /* only used on single.php */
    padding-top: 0 !important;
}

.no-top-margin .top_label li.gfield {
    margin-top: 0 !important;
}

ul.no-bottom-margin, ul.no-bottom-margin li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.no-side-padding .column:first-child {
    padding-left: 0 !important;
}

.no-side-padding .column:last-child {
    padding-right: 0 !important;
}

.top-padding {
    padding: 3rem 0 0 0 !important;
}
    
/* ============================================================== */
/* ----------------------------->>>> LARGE BREAKPOINT ----------- */
/* ============================================================== */

@media only screen and (min-width: 64em) {
    
   /* FONT SIZE */
    
    h1 {
        font-size: 5.4rem;
    }
    
    h2, h1.article {
        font-size: 2.3rem;
    }
    
    h3 {
        font-size: 2rem;
    }
    
    h4 {
        font-size: 2rem;
    }
    
    h5 {
        font-size: 1.7rem;
    }
    
   .copyr li a {
    border-bottom: 1px solid var(--text-color) !important;
}

    .no-side-padding .column:first-child {
    padding-left: 0 !important;
}

.no-side-padding .column:last-child {
    padding-right: 0 !important;
}
    
    p, main ul, main ol, main ul li, .home-excerpts h3 {
        font-size: 1.125rem;
        line-height: 1.7;
    }
    
    main {
        padding-top: 3rem;
    }

    
    .widerow .padded-right {
        padding-right: 7rem;
    }
    
    .herocontent p {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    
    
    /* ------------------------------ */
    
}

/* ============================================================== */
/* ---------------------------->>>> MEDIUM + LARGE ----------- */
/* ============================================================== */

@media screen and (min-width: 40em) {
    
    .vertical-padding {
    padding: 3rem 0;
}
    
    .margin-top {
        margin-top: 3rem;
    }
    
    .blog-article.row {
        padding-top: 0 !important;
    }
    
    .blog-article .column {
        padding: 3rem 4rem 4rem 4rem !important;
    }
    
    .column {
        padding-left: 1.9375rem;
        padding-right: 1.9375rem;
    }
    
    footer .column {
        padding: 0 .3rem;
    }
    main .row .row {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    
    .blog-excerpts.row {
        padding-bottom: 0 !important;
    }
    
    .lightgray.row .row, .gray.row .row, .green.row .row {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }
    
    .blogdesc.row .column, .pagination.row .column {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    
    main .blog-excerpts.row .row, main .blog-excerpts.row .column {
        padding-top: 1rem;
    }

    .pagetitle.row .row, .titlebar.row {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .collapse {
    padding: 0 !important;
}

.row.collapse > .column, .row.collapse > .columns, .blog-article .column.collapse {
    padding: 0 !important;
}
    

    
    .sidebar {
        padding-left: 2rem;
    }
    
    .home-excerpts img {
        margin: 0 !important;
        text-align: left;
    }
    
    h2 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

h3, h4 {
    margin: 1rem 0 !important;
}
    
    footer {
        padding-top: 2rem;
    }
    
    .featured-img {
    padding: 0;
    /*max-height: 251px;
    max-width: 398px;*/
    overflow: hidden;
    margin: 0 auto;
}

.featured-img img {
    margin: 0;
    width: 100%;
    /*min-width: 100%;
    min-height: 222px !important;*/
    /*height: 100%; stretches too far vertically with really big images */
    object-fit: contain;
    object-position: 100% 0;
    transition: transform 300ms ease-in;
}
    

.featured-wide img:hover, .featured-img img:hover {
    transform: scale(1.1);
}
    
    .yarpp-thumbnail {
    padding: 0;
    overflow: hidden;
    margin: 0 auto;
}

.yarpp-thumbnail img {
    margin: 0;
    width: 100%;
    object-fit: contain;
    object-position: 100% 0;
    transition: transform 300ms ease-in;
}
    

.yarpp-thumbnail img:hover {
    transform: scale(1.1);
}
    
    main ul, main ol {
        margin: 1rem 0 1.95rem 3rem;
    }
    
    main li {
        padding-left: 1rem;
    }
    
    .copyr a {
        border-bottom: 1px solid white;
    }
    
}

/* ============================================================== */
/* ---------------------------->>>> MEDIUM BREAKPOINT ----------- */
/* ============================================================== */

@media only screen and (min-width: 40em) and (max-width: 63.9375em) {

    /* FONT SIZE */
    
    h1 {
        font-size: 3.4rem;
    }
    
    h2, h1.article {
        font-size: 2rem;
    }
    
    h3 {
        font-size: 1.8rem;
    }
    
    h4 {
        font-size: 1.8rem;
    }
    
    h5 {
        font-size: 1.5rem;
    }
    
    p, main ul, main ol, main ul li, .home-excerpts h3 {
        font-size: 1.125rem;
    }
    
    blockquote {
        margin: 3rem auto;
    }
    
    .home-excerpts .column {
        padding: .5rem 0;
    }

}

/* ============================================================== */
/* ---------------------------->>>> MEDIUM + SMALL -------------- */
/* ============================================================== */

@media only screen and (max-width: 63.9375em) {
    
    footer .column {
        margin-bottom: .5rem;
    }
    
    .herocontent p {
        font-size: 1.2rem;
    }
    
    img, img.alignright, img.alignleft {
    	display: block;
    	float: none;
    	margin: 0 auto 1rem auto;
        text-align: center;
    }
  .ifcontainer {	
padding-top: 132%;   
}
.responsive-iframe {
  height:600px !important;}    
}

/* ============================================================== */
/* ----------------------------->>>> SMALL BREAKPOINT ----------- */
/* ============================================================== */

@media only screen and (max-width: 39.9375em) {
    
    /* FONT SIZE */
    
    h1 {
        font-size: 3rem;
    }
    
    h2, h1.article {
        font-size: 1.8rem;
    }
    
    h3 {
        font-size: 1.6rem;
    }
    
    h4 {
        font-size: 1.6rem;
    }
    
    h5 {
        font-size: 1.3rem;
    }
    
    p, main ul, main ol, main ul li {
        font-size: 1.1rem;
    }
    
    main ul, main ol {
        margin: 1rem 0 1rem;
    }
    
    .excerpt h3 {
        min-height: 94px;
    }
    
    main li {
        padding-left: .8rem;
    }
    
    .vertical-padding {
    padding: 1rem 0;
}
    
    .watermark {
        background-size: contain;
    }
    
    /* Remove the collapse */
    main .row {
        max-width: 98% !important;
    }
    .row.collapse > .column, .row.collapse > .columns {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .blog-excerpts .featured-img {
    text-align: center;
}
    
    footer {
        text-align: center;
    }
    
    footer a {
        margin: .3rem;
        font-size: 1.2rem;
    }
    
    .footer-buttons li a {
        display: block;
    }
    .footer-buttons li {
        text-align: center;
    }
    
    footer .copyr li {
    display: block !important;
        text-align: center;
}
    
    footer p {
        margin: 0 0 .5rem 0;
    }
    
    main ul, main ol {
        padding-left: 1.5rem;
    }
    
    blockquote {
        margin: 2rem auto;
    }
    
    hr {
        margin: 0 auto;
    }
    
    main .column {
        padding: .9375rem;
    }
    
    .watermark .column, .blog-article.column {
        padding: .9375rem !important;
    }
    
    .text-right {
        text-align: center !important;
    }
    
    .alignnone, .alignleft, .alignright, .aligncenter {
        display: block;
    }
    
    main form ul.inline li {
        display: inline;
    }
    
    .blogsearch form ul.inline li {
        display: inline-block;
    }
    
    .copyr li:before, .address li:before {
        content: "";
        padding: 0;
    }
    
    ul.inline li {
        display: block;
    }

    .button {
        display: block;
        width: 100%;
    }
    
    main ul.inline, main ul.inline li {
        margin: 1rem 0;
        text-align: center;
    }
    
    .article-excerpt {
        padding: 0;
    }
    
    .align-right {
        justify-content: center;
    }
    
    .copyr {
        margin: 0;
    }
    
    .button, main .button:link, main .button:visited, main .button:active, .button:link, .button:visited, .button:active, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], input[type="submit"], .comment-reply-link:link, .comment-reply-link:active, .comment-reply-link:visited, form.search-form button {
        margin: 0 auto;
        display: block;
    }

    
    main .gform_wrapper .gform_footer input.button, main .gform_wrapper .gform_footer input[type="submit"], main input[type="submit"], .comment-reply-link:link, .comment-reply-link:active, .comment-reply-link:visited, form.search-form button {
        margin-top: 1rem;
        display: block;
    }
    
	main ul, main ol, main dl {
        margin-left: 1em;
        padding-left: .9em;
    }
    
    main li, blockquote, blockquote p {
        font-size: 1.1rem !important;
    }
  }