/* 

Theme Name: IGCS
Author: CT Social
Author URI: https://cts.agency
Description: Custom Designed theme for IGCS
Template: ctsocial
Version: 2.0

*/


/* Main global styles */



/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-thin-webfont.eot');
    src: url('fonts/raleway-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-thin-webfont.woff2') format('woff2'),
         url('fonts/raleway-thin-webfont.woff') format('woff'),
         url('fonts/raleway-thin-webfont.ttf') format('truetype'),
         url('fonts/raleway-thin-webfont.svg#ralewaythin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-extralight-webfont.eot');
    src: url('fonts/raleway-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extralight-webfont.woff2') format('woff2'),
         url('fonts/raleway-extralight-webfont.woff') format('woff'),
         url('fonts/raleway-extralight-webfont.ttf') format('truetype'),
         url('fonts/raleway-extralight-webfont.svg#ralewayextralight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-light-webfont.eot');
    src: url('fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-light-webfont.woff2') format('woff2'),
         url('fonts/raleway-light-webfont.woff') format('woff'),
         url('fonts/raleway-light-webfont.ttf') format('truetype'),
         url('fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-regular-webfont.eot');
    src: url('fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('fonts/raleway-regular-webfont.woff') format('woff'),
         url('fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-medium-webfont.eot');
    src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-medium-webfont.woff2') format('woff2'),
         url('fonts/raleway-medium-webfont.woff') format('woff'),
         url('fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-bold-webfont.eot');
    src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('fonts/raleway-bold-webfont.woff') format('woff'),
         url('fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-extrabold-webfont.eot');
    src: url('fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-extrabold-webfont.woff2') format('woff2'),
         url('fonts/raleway-extrabold-webfont.woff') format('woff'),
         url('fonts/raleway-extrabold-webfont.ttf') format('truetype'),
         url('fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('fonts/raleway-heavy-webfont.eot');
    src: url('fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-heavy-webfont.woff2') format('woff2'),
         url('fonts/raleway-heavy-webfont.woff') format('woff'),
         url('fonts/raleway-heavy-webfont.ttf') format('truetype'),
         url('fonts/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'open_sans';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: 900;
    font-style: italic;
}

/* Text Inputs + Textarea
   ========================================================================== */

/* IE Fix */

select::-ms-expand {
    display: none;
}

select:focus::-ms-value {
    background: transparent; /* THIS LINE REMOVES THE BLUE BACKGROUND */
    color: #4c4f56 ; /* the -ms-value element defaults to white text, so a different font colour is needed for text to be visible */
}


/* Style Placeholders */
::-webkit-input-placeholder {
  color: #d1d1d1;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #d1d1d1;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #d1d1d1;
}

:-ms-input-placeholder {
  color: #d1d1d1;
}

/* Text inputs */


figure.class:hover ~ figure.sibling{
    opacity: .1;
}
figure.class:hover{
    opacity: 1;
}


form.wpcf7-form textarea {
    padding: 15px;
}

textarea,
textarea.materialize-textarea {
    min-height: 130px;
    border-radius: 7px;
}

input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea,
textarea.materialize-textarea {
border: 2px solid #afaeb2;
font-size: 17px;
}


input:not([type]):disabled, input:not([type])[readonly="readonly"],
input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime]:disabled,
input[type=datetime][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"],
textarea:disabled,
textarea[readonly="readonly"] {
  color: rgba(0, 0, 0, 0.15);
  border: 2px solid rgba(0, 0, 0, 0.15);
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
textarea:focus:not([readonly]) {
  border: 3px solid #00b287;
  color: #00b287;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #00b287;
  font-size: 17px;
}





input:not([type]).invalid, input:not([type]):focus.invalid,
input[type=text].invalid,
input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime].invalid,
input[type=datetime]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search].invalid,
input[type=search]:focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
  border-bottom: 2px solid #fff;
}

input:not([type]).valid + label:after,
input:not([type]):focus.valid + label:after,
input[type=text].valid + label:after,
input[type=text]:focus.valid + label:after,
input[type=password].valid + label:after,
input[type=password]:focus.valid + label:after,
input[type=email].valid + label:after,
input[type=email]:focus.valid + label:after,
input[type=url].valid + label:after,
input[type=url]:focus.valid + label:after,
input[type=time].valid + label:after,
input[type=time]:focus.valid + label:after,
input[type=date].valid + label:after,
input[type=date]:focus.valid + label:after,
input[type=datetime].valid + label:after,
input[type=datetime]:focus.valid + label:after,
input[type=datetime-local].valid + label:after,
input[type=datetime-local]:focus.valid + label:after,
input[type=tel].valid + label:after,
input[type=tel]:focus.valid + label:after,
input[type=number].valid + label:after,
input[type=number]:focus.valid + label:after,
input[type=search].valid + label:after,
input[type=search]:focus.valid + label:after,
textarea.materialize-textarea.valid + label:after,
textarea.materialize-textarea:focus.valid + label:after {
  color: #00b287;
}


input:not([type]).invalid + label:after,
input:not([type]):focus.invalid + label:after,
input[type=text].invalid + label:after,
input[type=text]:focus.invalid + label:after,
input[type=password].invalid + label:after,
input[type=password]:focus.invalid + label:after,
input[type=email].invalid + label:after,
input[type=email]:focus.invalid + label:after,
input[type=url].invalid + label:after,
input[type=url]:focus.invalid + label:after,
input[type=time].invalid + label:after,
input[type=time]:focus.invalid + label:after,
input[type=date].invalid + label:after,
input[type=date]:focus.invalid + label:after,
input[type=datetime].invalid + label:after,
input[type=datetime]:focus.invalid + label:after,
input[type=datetime-local].invalid + label:after,
input[type=datetime-local]:focus.invalid + label:after,
input[type=tel].invalid + label:after,
input[type=tel]:focus.invalid + label:after,
input[type=number].invalid + label:after,
input[type=number]:focus.invalid + label:after,
input[type=search].invalid + label:after,
input[type=search]:focus.invalid + label:after,
textarea.materialize-textarea.invalid + label:after,
textarea.materialize-textarea:focus.invalid + label:after {
}


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type=text],
input:not([type]), 
input[type=text], 
input[type=password], 
input[type=email], 
input[type=url], 
input[type=time], 
input[type=date], 
input[type=datetime], 
input[type=datetime-local], 
input[type=tel], 
input[type=number], 
input[type=search]   {
    height: 80px;
    background-color: transparent;
    border: 2px solid #afaeb2;
    border-radius: 7px;
    box-shadow: none;
    box-sizing: border-box; 
    font-size: 17px;
}

.button:hover,
button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #afaeb2;
  border-color: #afaeb2;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #afaeb2;
  border-color: #afaeb2; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #fd665c;
  border-color: #fd665c; }

input[type="submit"] {
    text-transform: uppercase;
    border: 3px solid #00b287;
    color: #00b287;
    font-weight: 600;
    white-space: normal;    
}
input[type="submit"].button-primary:hover,
input[type="submit"].button-primary:focus,
input[type="submit"].button-primary,
input[type="submit"]:focus,
input[type="submit"]:hover {
  color: #fd665c;
  border-color: #fd665c;
  outline: 0; 
}


[type="checkbox"].filled-in:checked + label:after {
  border-radius: 7px;
  background-color: #fff;
  border-color: #afaeb2;  
}

[type="checkbox"].filled-in:not(:checked) + label:after {
  border: 2px solid #afaeb2;
  border-radius: 7px;
  }


[type="checkbox"].filled-in:checked + label:before {
  border-right: 4px solid #fd665c;
  border-bottom: 4px solid #fd665c;
}


.inputfile + label strong {
    border: 3px solid #00b287;
    border-radius: 9px;
    display: block;
    color: #00b287;
    font-size: 17px;
    padding: 15px 40px;
    font-family: 'raleway', 'FontAwesome', sans-serif;
    text-transform: uppercase;
    padding: 25px;
}


.inputfile + label span {
    font-size: 17px;
    text-align: left;
    width: 100%;
    margin-top: 10px;
    float: left;
}
/* for close icon on uploader filename 
.inputfile + label span:after {
    display: inline-block;
    content: '\f00d';
    font-family: 'fontawesome';
}
*/

.wpcf7-form input[type="submit"] {
    width: 100%;
}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok {
    font-size: 17px;
    border: none;
    padding: 0  0 25px 0;
}
div.wpcf7-mail-sent-ok {
    color: #00b287;
}

div.wpcf7-validation-errors {
    color: #fd665c;
}

.input-field,
.uploader,
.checkboxinput,
.padded-top {
  margin-top: 50px;
}

.padded-right {
    margin-right: 50px;
}

.inputfile + label:focus,
.inputfile + label:active {
    outline: none;
}


.newsletter button,
.newsletter input,
.newsletter label  {
    border-color: #fff;
    color: #fff;
}

.newsletter .input-field label.active,
.newsletter input:focus:not([readonly]) + label,
.newsletter input:focus:not([readonly]),
.newsletter input {
    color: #fff;
    border-color: #fff;
}


.screen-reader-text {
    display: none;
}

.media-modal-content .attachments-browser .search {
    height: 25px;
    border-radius: 0px;    
}
.compat-item .field,
.compat-item .label {
    border:none;
}

/* Breadcrumbs
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#breadcrumbs {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .05em;
    text-transform: uppercase;
    border-bottom: 1px solid #dce0e6;
    margin-bottom: 25px;
    padding-bottom: 25px;
    text-align: right;
    color: #dce0e6;
}

#breadcrumbs .breadcrumb_last {
    color: #a87eb1;
}

/* Slider
–––––––––––––––––––––––––––––––––––––––––––––––––– */

ul.slick-dots li {
    float: left;
    text-indent: -9999px;
    overflow: hidden;
    border-radius: 50%;
    background: #000;
    width: 15px;
    height: 15px;
    margin-right: 15px;
    display: block;
}

ul.slick-dots li:last-child {
    margin-right: 0;
}


/* Cookie Popup  */
.has-cookie-bar #catapult-cookie-bar{
    font-size: 13px;
    padding: 15px 20px;
    min-height: 40px !important;
}
.ctcc-inner{
    max-width: 1350px;
    margin: auto;
    position: relative;
}
.ctcc-right-side {
    display: block;
    text-align: right;
}
.ctcc-left-side a{
    text-decoration: underline;
}
#catapultCookie{
    font-size: 13px;
    font-weight: bold;
    height: auto;
}

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.row .col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 .75rem;
    min-height: 1px;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
  right: 8.3333333333%;
}

.row .col.push-s1 {
  left: 8.3333333333%;
}

.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
  right: 16.6666666667%;
}

.row .col.push-s2 {
  left: 16.6666666667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
  right: 33.3333333333%;
}

.row .col.push-s4 {
  left: 33.3333333333%;
}

.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
  right: 41.6666666667%;
}

.row .col.push-s5 {
  left: 41.6666666667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
  right: 58.3333333333%;
}

.row .col.push-s7 {
  left: 58.3333333333%;
}

.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
  right: 66.6666666667%;
}

.row .col.push-s8 {
  left: 66.6666666667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
  right: 83.3333333333%;
}

.row .col.push-s10 {
  left: 83.3333333333%;
}

.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
  right: 91.6666666667%;
}

.row .col.push-s11 {
  left: 91.6666666667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

.container.vc{
    margin: auto;
}
@media only screen and (min-width: 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}

@media only screen and (min-width: 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body,
html,
header {
    position: relative;
}


html, body {
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
}


body {
    font-family: 'raleway';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #4a4f55;
}


* {
  box-sizing: border-box;
}
  /* Older browsers */
  html { 
  box-sizing: border-box;
  height: 100%;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: 200;
  }
  
  /* Modern browsers only need this one */
  
  @media screen and (min-width: 25em){
    html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
  }
  
  /* Safari <8 and IE <11 */
  @media screen and (min-width: 25em){
    html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
  }
  @media screen and (min-width: 50em){
    html { font-size: calc( 16px + (24 - 16) * (100vw - 400px) / (800 - 400) ); }
  }

h1 {
 font-size: 35px;
}

h2 {
 font-size: 25px;
}
h3 {
 font-size: 20px;
}
h4 {
 font-size: 17px;
}
h5 {
 font-size: 15px;
}
h6 {
 font-size: 13px;
}
h1, h2, h3, h4, h5 {
 font-weight: 200;
}

strong {
    font-weight: 600;
}

hr {
    width: 100%;
    margin: 30px auto;
}

.topline {
    border-top: 1px solid #dce0e6;
  }

.bottomline {
    border-bottom: 1px solid #dce0e6;
  }

.leftline {
    border-left: 1px solid #dce0e6;
  }

.rightline {
    border-right: 1px solid #dce0e6;
  }  



.entry-content ul,
.entry-content ol,
.entry-content ol li,
.entry-content ul li,
body.page-template-public-patients #diagramshelf ul,
body.page-template-public-patients #diagramshelf ol {
    text-align: left;
}

body.single-post .entry-content h2 {
    font-size: 17px;  
    font-weight: 400;    
}

.entry-content ul li:before,
body.page-template-public-patients #diagramshelf ul li:before {
    display: block;
    font-family: 'fontawesome';
    content: '\f192';
    width: 25px;
    position: absolute;
    left: 0;
    top: 0;     
    color: #7b7c7e;
}

.entry-content ul li,
body.page-template-public-patients #diagramshelf ul li {
    position: relative;
    padding-left: 30px; 
    padding-bottom: 5px;
}

.entry-content li > ul li:before,
body.page-template-public-patients #diagramshelf li > ul li:before {
    content: '\f111';
    font-size: 8px;
    top: 5px;

}

.entry-content li > ul,
.entry-content li > ul,
body.page-template-public-patients #diagramshelf li > ul {
    background: #fff;
    z-index: 10;
    position: relative;
    padding-left: 45px;
    margin: 0 0 0 -40px;
}

ol, li {
    font-size: 17px;
}

ul li {
    list-style: none;
}

ol {
    counter-reset:li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}
ol > li {
    position:relative; /* Create a positioning context */
    margin:0 0 5px 2em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px; /* Add some spacing around the content */
    list-style:none; /* Disable the normal item numbering */
    border-top:2px solid #f6f6f6;
}
ol > li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    top:-2px;
    left:-2em;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    width:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right:8px;
    padding:4px;
    border-top:2px solid #f6f6f6;
    font-weight:bold;
    text-align:center;
    color: #7b7c7e;
    font-weight: 500;
}
li ol {margin-top:6px;}
ol ol li:last-child {margin-bottom:0;}

ol li:first-child,
ol > li:first-child:before {
    border-top: none;
}

ul.listing li {
    list-style: none;
    width: 100%;
    display: block;
    clear: both;
    margin: 15px 0;
    float: left;
    border-bottom: 1px solid #eee;
    padding-bottom: 25px;
    text-align: center;
    }

ul.listing li:last-child {
    border-bottom: 0px;
}

ul.listing h2 {
    width: 100%;
    margin:0;
}


img {
            -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
            -webkit-transition: width 1s ease-in-out, left 1.5s ease-in-out;
            -moz-transition: width 1s ease-in-out, left 1.5s ease-in-out;
            -o-transition: width 1s ease-in-out, left 1.5s ease-in-out;
            transition: width 1s ease-in-out, left 1.5s ease-in-out;
        }

.open {
    text-align: center;
}


.open .bottom,
.open .wrapper {
    width: 100%;
    clear: both;
}

.open .top {
    pointer-events: none;
}

.open .bottom {
    display: block !important;
}

ul.listing h3 {
    width: 100%;
    margin:0;
    color: #5a5a5a;

}

ul.listing h3 a {
    color: #00b299;
}

ul.listing p {
    width: 100%;
    font-size: .65em;
    line-height: 1.25em;
    text-align: center;
    margin: 0;
}

ul.listing .block  {
    display: block;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.form label {
  margin-bottom: .5em;
    margin-right: 20px;  
  display: inline-block;
  cursor: pointer;
  text-transform: lowercase;
  font-size: 34px;
  font-weight: 200;
  color: #4a4f55;
}
.form label .overlay {
    width: 35px;
    height: 35px;
    padding: 4px;
    display: inline-block;
    position: relative;
    border: 1px solid #afaeb2;
    border-radius: 100%;
    vertical-align: middle;
}


.form label input {
  display: none;
}
.form label input:checked + span:before {
    width: 21px;
    height: 21px;
    margin: 2px;
    display: block;
    content: " ";
    background-color: #fd665c;
    border-radius: 100%;
}



input[type="radio"]:checked+label,
.sidebarinfo label:hover {
    color: #fff !important;
    background-color: #00b287;
}


.redbutton,
form#commentform input#submit {
    background-color: #00b287 !important;
    padding: 15px 35px 40px 35px;
    margin: 15px auto;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    display: inline-block;
    clear: both;
    font-weight: 800 !important;
    border: none !important;
}

.redbutton:hover {
    background-color: #6b478f !important;
}

.editme input[type="button"]{
    background-color: #00b287 !important;
    padding: 15px 35px;
    margin: 15px auto;
    color: #fff !important;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    float: left;
    font-weight: 800 !important;
    border-radius: 0px;
    border: none !important;
    transition: all 1s ease-in-out;    
     transition-timing-function: all 1s ease-in-out;
}


.editme input.save {
    float: none;
    width: 100% !important;
}

.editme .content {
    display: block;
    clear: both;
    width: 100%;
    transition: all 1s ease-in-out;    
     transition-timing-function: all 1s ease-in-out;    
}

.scrollparent {width:100%; overflow:hidden; position: relative;}


.scrollparent:after {
    position: absolute;
    width: 17px;
    top: 1px;
    right: 0px;
    height: 70px;
    border-right: 1px solid #D1D1D1;
    background-color: white;
    content: "";
    display: block;
    border-radius: 4px;
}
#hidescroll {
    position: absolute;
    width: 17px;
    top: 0;
    right: 0px;
    z-index: 1000;
    border-left:1px solid red;
    background-color: black;
    display: block;
}

.editme {
    width:100%; 
    overflow:hidden;
}

.editme textarea {
    width:100%; 
    height:72px; 
    overflow-x:hidden; 
    overflow-y:scroll; 
    display: none; 
    line-height: 1.5em;
}

.editme input { 
    display: none; 
}


.large {
    font-size: 22px;
}

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

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

img.alignleft {
    margin-right: 25px;
}

img.alignright {
    margin-left: 25px;
}

img.aligncenter{
    display: block;
    margin: 10px auto;
}


.bottompadding {
    padding-bottom: 50px;
}

.lighter {
    font-weight: 200;
}

.greybg {
        background-color: #f6f9fa;

}

/* Flexible Slide-to-top Accordion Style*/

.st-accordion {
    width:100%;
    margin: 0 auto;
}
.st-accordion .top {
    width:100%;    
    margin: 0;
    overflow: hidden;
    display: block;
    font-size: 1em;
    text-transform: uppercase;    
}


.st-content p{
    font-size: 1em;
    line-height: 1em;
}
.st-content img{

}



.st-accordion .bottom {
    background: transparent;
    overflow:visible;
    height: auto;
}

.st-accordion .container {
    width: 95%;
    padding: 0;
}




.userlistings .box .top::before,
.fontawesome,
.nav-wrap a.icon,
.icon:before,
.togglebtn:before {
     font-family: 'fontawesome';
     font-weight: 100;

}

div.toggler,
.searchbar label {
    display: none;
    float: left;
}


.hidden {
    display: none;
}

 .box {
  display: block;
}

 .box .top {
  cursor: pointer;
}

 .box .bottom {
    display: none;
    padding: 0;
}

.btn {
    background: #428bca;
    border: #357ebd solid 1px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
    transition: color .1s ease;
}
.btn:hover {
    background: #357ebd;
}
.btn.btn-big {
    font-size: 18px;
    padding: 15px 20px;
    min-width: 100px;
}
.btn-close {
    color: #aaaaaa;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.btn-close:hover {
    color: #919191;
}
.modal:target:before {
    display: none;
}
.modal:before {
    content:"";
    display: block;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.modal .modal-dialog {
    background: rgba(255,255,255,1);
    position: fixed;
    z-index: 101;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal:target .modal-dialog {
    top: -100%;
    -webkit-transform: translate(0, -500%);
    -ms-transform: translate(0, -500%);
    transform: translate(0, -500%);
}
.modal-body {
    padding: 20px;
}
.modal-header, .modal-footer {
    padding: 10px 20px;
}
.modal-header {
}
.modal-header h2 {
    font-size: 20px;
}
.modal-footer {
    text-align: right;
}

footer {
    margin-top: 50px;
}

/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a, a:hover {
  color: #00b287; text-decoration: none;}


/* Custom CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#sitewide-notice #message {
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100% !important;
    position: fixed;
    overflow: scroll;
    background:rgba(255,255,255,.95);
}

#sitewide-notice p {
    background-color: transparent !important;
    border: 0 !important;
    text-align: justify;
    font-size: 18px !important;
    max-width: 1080px;
    margin: 25px auto;
}

#sitewide-notice #message button#close-notice {
    top: 0 !important;
    right: 20px;
    position: absolute !important;
    border: 0 !important;
    width: 50px;
    height: 50px; 
    color: #f3665f !important;
    font-size: 0;
}

#sitewide-notice #message button#close-notice:before {
    display: block;
    content: "x";
    font-family: 'raleway';
    width: 25px;
    height: 25px;
    font-size: 25px;
}


.site-menu li.pink {
    background-color: #ff675d;
    margin-top: 25px;
}

.site-menu li.pink a {
    color: #fff;
}

.site-title-mobile {
    display: block;
    text-indent: -9999px;
    float: left;
    background-position: bottom left;
    margin-top: 5px;
    background-repeat: no-repeat;
}



.row {position: relative;}



#comments,
.site-description,
.site-title img.menulogo,
a.openmenulogo,
.site-info  {
    display: none;
}

.site-menu {
    background: transparent !important;

}


.site-menu .menu.dl-menuopen {
    position: absolute;
    width: 100%;
}


.site-menu li a  {
    margin: 0;
    width: 100%;

}

 .menu.dl-subview li.dl-subviewopen > .sub-menu > li {
    position: relative;
}

.site-menu li.dl-back::after, .site-menu li > a:not(:only-child)::after {
    color: #000;
    position: absolute;
    left: 0;
    top: 0;
}

.site-menu ul {
  background: transparent;
}

.sub-menu {
    box-shadow:none;
}

ul.sub-menu > ul {
    position: relative;
}


.site-menu button {
    border: none;
    padding: 0;
}

.site-menu button span {
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: 400;
}




.site-menu li.dl-back > a {
    background: transparent;
    padding: 0;
}



.site-navigation {
    display: block;
    z-index: 99;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;

}



.site-title {
   text-indent: -9999px;
   background-size: auto 100%;
   background-repeat: no-repeat;
   overflow: hidden;
   display: none;
}



a.openmenulogo {
    color: #000;
    text-transform: uppercase;
    font-family: 'open_sans';
    font-weight: 800;
    font-size: 11px;
    letter-spacing: .05em;
    line-height: 20px;   
}


html.mobile-menu-active #main,
html.mobile-menu-active footer,
html.mobile-menu-active header .rightside {
    opacity: 0;
}



.mobile-menu-active #main {
    opacity: 1;
}


.headerbanner {
    width: 100%;
    background-size: cover;
    display: block;
    position: relative;
}

.headerbanner h1 {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 40px;
    margin-bottom:50px;
    padding: 10%;
}




.headerbanner table {
  width: 100%;
  border-collapse: separate;
  min-height: 250px;
}


.headerbanner .center-table {
  display: table;
  min-height: 250px;
  width: 100%;
}


.headerbanner .center-table .text a {
    float: left;
}




.headerbanner .center-table .textblock {
  display: table-cell;
  margin: 0;
  vertical-align: middle;
  text-align: center;
    padding: 11%;
    
}

.headerbanner .center-table h1 {
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 20px;
    margin: 0;
    padding: 0;
}



.headerbanner .center-table h1 span {
    display: block;
    font-weight: 200;
    font-family: 'open_sans';
    font-size: 15px;
    text-transform: capitalize;
    margin-top:25px;
}

.headerbanner .center-table a {
    background-color: #00b287;
    margin: 40px auto 0 auto;
    padding: 15px 25px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 18px;
    display: inline-block;
    clear: both;
    font-weight: 600;
}

.headerbanner .center-table a:hover {
    background-color: #c5a363;
}

.headerbanner .center-table a span {
    text-transform: lowercase;
    font-size: 16px;
    display: block;
    clear: both;
    font-weight: 200;

}

      


a.bluebtn {
    background: #00b299;
    display: block;
    font-size: 1.2em;
    color: #fff;
    text-align: center;
    padding: 15px 55px;
    border-radius: 3px;
    text-transform: uppercase;
    margin:0 auto;
}

a.bluebtn:before {
    margin-right: 20px;
}


p.location {
    width: 100%;
    text-align: center;
    display: block;
    clear: both;
    margin:0;
    padding: 0;
}


.icon.marker::before {
     content: '\f041';

}

.icon.addcal::before {
     content: '\f271';

}

.icon.search::before {
     content: '\f002';

}

.icon.user::before {
     content: '\f007';

}

.icon.add::before {
     content: '\f234';

}

.icon.decline::before {
     content: '\f235';

}

.icon.ppt::before {
     content: '\f1c4';

}


.icon.fb::before {
     content: '\f09a';

}

.icon.yt::before {
     content: '\f16a';

}

.icon.tw::before {
     content: '\f099';

}



.icon.ppt::before {
     content: '\f1c4';

}


.icon.pdf::before {
     content: '\f1c1';

}

.icon.in::before {
     content: '\f0e1';

}
.userlistings .box .top::before,
.icon.plus::before {
     content: '\f067';

}


.icon.check::before {
     content: '\f00c';

}


.tint {
     position: relative;
}



.tint:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(107,71,143,.9); 
    -moz-transition: background .3s linear;
    -webkit-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}

.tint.error404:after {
    background: rgba(107,71,143,1); 

}

.error404 .twelve.columns {
    padding: 50px 0;
}

.error404 #searchform .fontawesome.icon {
    display: none;
    margin-right: 1%;
    float: left;
    width: 10%;
    font-size: 55px;
    text-align: center;    
    color: #00b287;
}

.error404 #searchform input {
    width: 100%;
    background: rgba(255,255,255,.75);
    border-color: #00b287;    
    }

.error404 .container.search {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;    
}

.error404 #main {
    background: transparent url("../igcs/images/map.jpg") no-repeat top center;

}


a.logobtn span {
    z-index: 0;
    font-family: 'open_sans';
    font-weight: 900;
    font-size: 1.2em;
    top: 35%;
    left: 0;
    display: block;
    padding: 0px 40px;
    position: absolute;
}


.mobile-menu-active {
    position: relative;  

} 

.news {
    margin-bottom: 50px;
}

.news .post-day {
    font-weight: 800;
}

.news .post-month {
    text-transform: lowercase;
    font-weight: 200;
}

.news .post-day, 
.news .post-month, 
.news .post-year {
    display: block;
    font-size: 25px;
}

.news .post-badge .box {
    text-align: center;
    display: block;
    color: #fff;
    padding: 25px 15px;
    margin: 0 auto; 
    background: #ff675d;
    border-radius: 7px;
}
.post-content-wrapper {
    font-size: 17px;
}

.post-content-wrapper h2,
a.post-link {
    color: #4a4f55;
    text-decoration: none;
}


ul.lined li {
    border-top: 1px solid #eee;
    margin-bottom: 60px;    
}


ul.lined li:first-child {
    border: none;
    margin: 0;    
    padding: 0;
}


.news ul.lined li {
    margin-bottom: 30px;
}

/* News Social Sharing Buttons */
.post-share-buttons{

    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;

}

.post-share-buttons a{
    border-right: 3px solid #ffffff;
}

.post-share-buttons a:last-child{
    border-right: none;   
}


.news-share-buttons a{
    border-right: 3px solid #ffffff;
}

.news-share-buttons a:last-child{
    border-right: none;   
}

.news-linkedin{
    padding: 0;
}

a.news-social {
  background: #00b299;
  padding: 5px 5px;
  display: inline-flex;
  max-height: 33px;
}

a.news-social:hover {
    background: #6b478f;
}

.news-social img {
    height: 20px;
    max-width: 20px;
}





/* Featured Boxes Social Sharing Buttons */

.featuredboxes .grid-item:hover .post-content-wrapper {
    background: #00b299;
}

.featuredboxes .grid-item:hover .featured-share-buttons a{
    border-right: 3px solid transparent;
}

.featuredboxes .grid-item:hover .featured-share-buttons a:last-child{
    border-right: none;
}


.featured-share-buttons{
    position: absolute;
    bottom: -30px;
    right: 0;
    transition: all .5s;
    display: inline-flex;
    z-index: 99999999;
}

.featured-share-buttons a{
    border-right: 3px solid #ffffff;
}

.featured-share-buttons a:last-child{
    border-right: none;   
}

.featured-linkedin{
    padding: 0;
}

.featured-social {
    display: inline-flex;
    padding: 10px;
}

a.featured-social {
  background: #00b299;
  padding: 5px 5px;
  border-right: 3px solid transparent;
}

a.featured-social:hover {
    background: #6b478f;
}

.featured-social img {
    max-height: 20px;
    max-width: 20px;
    height: 20px !important;
    width: 20px !important;
}



/*
FOR DESKTOP SIZES

#featured-share-buttons{
    position: absolute;
    bottom: 0px;
    right: -25%;
    transition: all .5s;
    display: inline-flex;
}

.featured-linkedin{
    padding: 0;
}

.featured-social {
    display: inline-flex;
    padding: 10px;
}

a.featured-social {
  background: #00b299;
  padding: 5px 5px;
}

a.featured-social:hover {
    background: #6b478f;
}

.featured-social img {
    max-height: 20px;
    max-width: 20px;
}


*/


/* Featured Image */

.featuredboxes ul.lined li {
    display: inline-block;
    float: left;
    text-align: center;
    border: 1px solid #dce0e6;
}

.featuredboxes .image-wrapper img {
    width: 100%;
    height: auto;
}

.featuredboxes h2.post-title {
    margin: 25px 0 0 0;
    font-size: 34px;
    line-height: 34px;   
    width: 100%; 
}

.featuredboxes p.post-content {
    font-weight: 400;
}


.featuredboxes .image-wrapper {
    max-height: 300px;
    position: relative;
}


.featuredboxes .post-day {
    font-size: 20px;
}
.featuredboxes .post-month {
    text-transform: lowercase;
}

.featuredboxes .post-month, 
.featuredboxes .post-year,
.featuredboxes .date {
    font-size: 17px;
    font-weight: 400;    
}


/* clear fix */
.featuredgrid:after,
.basic:after {
  content: '';
  display: block;
  clear: both;
}



.publicnews {
    margin-bottom: 50px;
}

.publicnews ul.lined li {
    display: inline-block;
    float: left;
    text-align: center;
    border: 1px solid #dce0e6;
}

.publicnews .image-wrapper {
    max-height: 300px; 
    overflow:hidden;
}

.publicnews .grid-item {
    background-color: #fff;
    z-index: 10;
    display: inline-block;
}

.publicnews .image-wrapper img {
    width: 100%;
    height: auto;
}

.publicnews h2.post-title {
    margin: 25px auto;
    font-weight: 300;
    width: 85%;
    line-height: 28px;
}
.news p.post-content,
.publicnews p.post-content {
    padding: 20px;
    word-break: break-word;
}

.publicnews .date {
    margin: 25px 35px; 
}

p.post-content,
.publicnews .post-day, 
.publicnews .post-month, 
.publicnews .post-year,
.publicnews .date {
    font-size: 17px;
}

    .grid-item,
    .featuredgrid-item    {
    margin: 2%;
    width: 100%;
    }
    .grid-sizer,    
    .featuredgrid-sizer     {
    margin: 0;
    width: 100%;
    }

    .grid,
    .basicgrid {
      text-align: center;
    }

    .basicgrid .grid-item {
    width: 100%;
    height: 400px;        
    }

    .grid-item  {
      border: 1px solid #dce0e6;
      background: #fff;
    }

    .featuredgrid .grid-item,
    .basicgrid .grid-item {
      border: 0px;
      background: #fff;
      margin:0;
    }   
    .basicgrid a.grid-item {
        color: #4c4f56;
    }   
    .basicgrid a.grid-item p {
    font-size: 35px;
    line-height: 40px;
    font-weight: 200;
    padding: 25px;
    }
    .basicgrid a.grid-item:hover {
        color: #fff;
        background-color: #b7cdc1;
    }

    .basicgrid .grid-item {
      border-right: 1px solid #dce0e6; 
      border-bottom: 1px solid #dce0e6; 
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;       
    }

    
    .featuredgrid .grid-item .post-wrapper  {
      border-bottom: 1px solid #dce0e6;   
      height: 100%; 
    }

    .featuredgrid .grid-item .post-content-wrapper  {
         padding: 25px 25px 50px 25px;    
 
    }


.box,
.box.double {
    width: 100%;
}

.box img {
    width: 100%;
}



.box h1 span,
.box h2 span,
.box h3 span,
.redbubble span {
    display: block;
}


a.greenbtn {
    background: #00b287;
    border-radius: 9px;
    display: inline-block;
    color: #fff;
    font-size: 1em;
    padding: 15px 40px;
}
a.redbtn {
    background: #fd665c;
    border-radius: 9px;
    display: inline-block;
    color: #fff;
    font-size: 1em;
    padding: 15px 40px;
}
.whitelinebtn,
a.whitelinebtn {
    border: 3px solid #fff;
    border-radius: 9px;
    display: inline-block;
    color: #fff;
    font-size: 1em;
    padding: 15px 40px;
}

.tribe-events-venue-details {
    margin: 25px 0;
}

.greenlinebtn,
button.greenlinebtn,
a.greenlinebtn,
input[type="file"],
#tertiary a,
.su-table strong a,
a.more-link,
a.tribe-events-read-more,
a.tribe-events-gcal,
a.tribe-events-gmap,
#tribe-events-content strong a,
.woocommerce input.button,
.woocommerce a.button,
.entry-content em a  {
    border: 3px solid #00b287;
    border-radius: 7px;
    display: inline-block;
    color: #00b287;
    font-size: 17px;
    font-weight: 600;
    padding: 15px 40px;
    text-transform: uppercase;
    text-decoration: none;
    font-style: normal;
}


/* Woocommerce
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.woocommerce a.checkout-button,
.woocommerce input.button.alt {
    border: none;
    line-height: 35px;
}

.entry-content .cart_totals h2 {
    font-size: 35px;
}

body.woocommerce-account .woocommerce {
    margin-top: 25px;
}

body.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

.woocommerce-order-details,
.woocommerce .woocommerce-breadcrumb,
body.woocommerce-page .site-main
 {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    float: none;

}

body.woocommerce-cart.woocommerce-page .site-main,
body.woocommerce-orders.woocommerce-page .site-main,
body.woocommerce-account.woocommerce-page .site-main {
    max-width: 100%;
}


body.single-product #tertiary {
    width: 100%;
    margin: 0;
    text-align: center;
}
body.single-product #tertiary aside {
    border: none;
}
body.single-product #tertiary a {
    width: auto;
    float: none;
}

body.woocommerce-view-order td.woocommerce-table__product-name.product-name {
    width: 50%;
    text-align: right;
}

body.woocommerce-account .container.default,
body.woocommerce-account .nine.columns {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

body.woocommerce-account #tertiary aside,
body.woocommerce-account .edit-link,
.woocommerce-MyAccount-content a.woocommerce-Button.button,
body.woocommerce-account .woocommerce h2
 {
  display: none;
}

body.woocommerce-account form.woocommerce-ResetPassword,
body.woocommerce-account .woocommerce p  {
    max-width: 1350px;
    margin: 0 auto;
    width: 80%;
}    

body.woocommerce-account .woocommerce p {
    padding: 25px 0;
}

body.woocommerce-account .woocommerce-message {
    margin: 0 auto !important;
}
body.woocommerce-account .woocommerce ,
body.woocommerce-account form.woocommerce-ResetPassword p {
    text-align: center;
}

body.woocommerce-account .woocommerce form .form-row {
    padding: 3px;
    margin: 0 auto;
    float: none;
}

body.woocommerce-account ul.woocommerce-error li {
    display: inline;
}

body.page-template-my-account .twelve.columns {
  float: none;
}


.woocommerce-MyAccount-content mark {
    background: transparent;
    font-weight: 600;
}

section.woocommerce-customer-details table.shop_table {
    border-bottom: 0;
}

.woocommerce table.shop_table thead span {
    font-weight: 300;
    font-size: 35px;
    margin: 25px auto;
    display: block;
}

.woocommerce-MyAccount-content .woocommerce-info {
  border-top: 0;
}

.woocommerce-MyAccount-content .woocommerce-info:before {
  color: #6b478f;
}
.woocommerce-MyAccount-content .woocommerce-info {
  font-size: 22px;
  font-weight: 400;
}

.woocommerce div.product form.cart .button,
.woocommerce a.checkout-button,
.woocommerce a.button,#add_payment_method .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    font-size: 20px; 
    text-transform: uppercase;
    font-weight: 500;       
}

.woocommerce input.button,
.woocommerce a.button {
    background-color: #fff;
    margin: 15px auto 50px auto;
    display: block;
    white-space: normal;   
    width: 100%;  
}

.woocommerce a.button {
    padding: 29px;
    width: auto;
    text-align: center;
    display: inline-block;   
    }
.woocommerce input.button:hover,
.woocommerce a.button:hover {
    background-color: #00b287;
    color: #fff;
}

.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message {
background-color: #fff;
color: #4a4f55;
margin: 0 !important;
text-align: center;
}

.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before {
    position: static;
}

.woocommerce-message {
    font-size: 17px;
    color: #4a4f55;
    border-top: 0px;
    border-bottom: 2px solid #00b287;
    display: flex;
    flex-direction: column;    
}

.woocommerce-message::before {
    color: #00b287;
}

.woocommerce form.login {
    margin: 50px 0;
    border:none;
}

.woocommerce-error {
    border-top: 0px;
    border-bottom: 2px solid #fd665c;
    font-size: 17px;
    text-align: center;
}

.woocommerce-error::before {
    color: #fd665c;
}

.woocommerce [type="checkbox"]:checked,
.woocommerce [type="checkbox"] {
    position: relative;
    left: 0;
    opacity: 1;
}

.lightpurple a, 
.lightpurple {
    color: #a87db2;
    font-size: 22px;
}

.lightpurple::after {
    display: inline-block;
    font-family: 'fontawesome';
    content: '\f105';
    color: #a87db2;
    margin-left: 15px;
}

.grid-item:hover .lightpurple::after {
    color: #fff;
}

.container.news {
    padding-top: 50px;
}

.default #tertiary {
    width: 100%;
}


#tertiary {
    padding: 0 25px;
}

#tertiary a {
    width: auto;
    margin: 25px auto;
    clear: both;
    text-align: center;
    font-size: 16px;
    width: 100%;
}

#tertiary .su-post-thumbnail img,
#tertiary .su-post-meta,
#tertiary a.su-post-comments-link {
    display: none;
}

#tertiary .su-post {
    display: flex;
    flex-direction: column;    
}

#tertiary a.su-post-thumbnail {
    position: relative;
    z-index: 10;
    order: 3;
    margin: 0;
    height: auto;
    align-self: center;
}

#tertiary a.su-post-thumbnail:after {
    content: 'read more';
}


#tertiary h2.su-post-title a {
    width: 100%;
    display: block;
    border: none;
    font-size: 24px;
    font-weight: 300;
    color: #4a4f55;
    padding: 0;
    text-transform: capitalize;
}

#tertiary h1.widget-title {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}


#tertiary ul#menu-sidebar {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    width: 100%;
}


#tertiary aside {
    margin: 0 0 45px 0;
    border-bottom: 1px solid #e5e8ed;
    padding: 0 0 60px 0;
    overflow: hidden;
}

#tertiary aside:last-child {
    padding-bottom: 0;
}

#tertiary .su-posts-default-loop .su-post-excerpt {
    margin-bottom: 40px;
}

.entry-content-page p {
    color: #4a4f55 !important;
    font-weight:400 !important;
    margin:0;
}
.entry-content img {
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 7px;
    float: none;
    display: block;
}

.entry-content img.alignleft,
.entry-content img.alignright {
    margin: 0 auto 25px auto;
    display: block;
    float: none;
}

#tertiary p,
.entry-content p,
.entry-content,
#tertiary .textwidget {
    font-size: 17px;
}

.entry-content p {
    margin: 0 0 25px 0;
}

#tertiary {
    text-align: center;
}

/* Shortcode Ultimate Tables */

a.su-post-comments-link {
    display: none;
}

.su-table {
    margin-bottom: 50px;
    float: left;
    width: 100%;
}

.su-table table {
        overflow-x: auto;
        display: block;
    }

.entry-content .su-table td {
    text-align: center;
    border-left-width: 0px !important;
    border-bottom-width: 0px !important;
    padding: 25px !important;
}


.entry-content .su-table table {
    border-collapse: separate;
    border-spacing: 0;
    border:0px !important;
    font-size: 17px !important;

}

.entry-content .su-table tr td:first-child {
    border-left: 1px solid #e5e8ed !important;
}

.entry-content .su-table tr:last-child td {
    border-bottom: 1px solid #e5e8ed !important;

}


.su-table tbody tr:first-child td {
    font-weight: 200;
    }



.su-table tbody tr:first-child td {
    font-size: 25px !important;

    }

.su-table tbody tr:first-child td:first-child {
    border-radius: 7px 0 0 0;
    -moz-border-radius: 7px 0 0 0;
    }

.su-table tbody tr:first-child td:last-child {
    border-radius:  0 7px 0 0;
    -moz-border-radius:  0 7px 0 0;
    }

.su-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 7px;
    -moz-border-radius: 0 0 0 7px;
    }

.su-table tbody tr:last-child td:last-child {
    border-radius: 0 0 7px 0;
    -moz-border-radius: 0 0 7px 0;
    }


.entry-content .su-table .su-even td {
    background: transparent !important;
}    


body.page-template-default .su-table table {
    border-collapse: inherit !important;
    display: flex;
    justify-content: center;
}

/* Elections */ 

.directory-results ul li {
    list-style: disc inside;
}


/* Shortcode Ultimate Tabs */

.entry-content .su-tabs {
    background: transparent;
    display: block;
    width: 100%;
    clear: both;
}

.su-tabs-current {
    border-bottom: 5px solid #00b287;
}

.entry-content .su-tabs-nav span {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 17px;
    padding: 0;
    margin: 20px 0;    
}
.entry-content .su-tabs-nav span:hover {
    background: transparent;
    color: #00b287;
}


.entry-content .su-tabs-pane {
    font-size: 17px;
    padding:50px 0 0 0;
}


/* Shortcode Ultimate Accordiion */
.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
    left: 0;
    top: 0;
    color: #fff;
    background: #00b287;
    border-radius: 50%;
    font-size: 13px;
    float: right;
    position: relative;
    margin-right: 10px;
}

.su-accordion .su-spoiler {
    min-height: 50px;
    border-bottom: 1px solid #dce0e6;
}

.su-accordion > *:last-child {
    border: 0px;
}

.su-spoiler-title {
    text-transform: uppercase;
}

.su-spoiler-style-default > .su-spoiler-title,
.su-spoiler-style-default > .su-spoiler-content {
    font-size: 17px;
    text-align: left;        
}
#diagramshelf .su-spoiler-style-default > .su-spoiler-title {
    padding-left: 20px;
}
#diagramshelf .su-spoiler-style-default > .su-spoiler-content {
    padding: 0 20px;
}
#diagramshelf .su-spoiler-style-default > .su-spoiler-content:after {
    margin-top: 20px;
}

/* User Listing Accordiion */
.userlistings .wrapper h2 {
    color: #4c4f56;
    text-transform: capitalize;
    font-weight: 300;
}

.userlistings ul.listing button {
    border: 0px;
}

.userlistings h2 {
    margin: 0;
}

.userlistings h2 span {
    display: block;
    margin: 10px 0 20px 0;
    color: #5a5a5a;
    font-weight: 400;
}

.userlistings h2 span strong {
    font-weight: 700;
}

.userlistings h3 {
    font-size: .95em;
    margin: 0;    
    font-weight: 40;
}


.profilepic {
    width: 100%;
    height: 340px;
    overflow: hidden;
    background: #dce0e6;
    display:inline-block;
    vertical-align: top;
   background-size:cover;
    background-position:50% 50%;
    transition: all 1s ease-in-out;    
     transition-timing-function: all 1s ease-in-out;

}

.missionboxes .box.double .profilepic {
    height: 100%;
}
 
    .profilepic img {
    height: auto;

    }

 .editme {
   display: none;
    transition: all 1s ease-in-out;    
     transition-timing-function: all 1s ease-in-out;    
}

.open .editme {
    display: block;
    transition: all 1s ease-in-out;    
     transition-timing-function: all 1s ease-in-out;    
    margin: 0 auto;
    width: 85%;
}

.open,
.userlistings .box {
    text-align: center;

}



.userlistings .open .top {
    display: none !important;
}


.userlistings .open .wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}




ul.listing .block,
.userlistings ul.listing .title {
    display: block;
}

.wrap {
    overflow: hidden;
    padding: 0 ;

}

.directory .wrap {
    padding: 0 25px;
}

.bordered {
    border: 1px solid #dce0e6;     
}

.userlistings .box {
    position: relative;
    transition: all 1s ease-in-out;    
     transition-timing-function: all 1s ease-in-out;
    display: block;
    clear: both;
    border-bottom: 1px solid #dce0e6;     
     margin-bottom: 50px;
     padding: 0 25px 50px 25px;
    overflow: hidden;
}

.userlistings div.box:last-child {
    border:none;
}

.userlistings .st-accordion .container div:last-child {
    border: none;
}

.userlistings .box .top {
    float: left;
    width: 100%;
    display: block;
    color: #00b299;
    text-transform: uppercase;
    font-weight: 500;    
    font-size: 17px;
}


.userlistings .box .profilepic.top {
    width: 200px; 
    height: 200px;
    margin: 0 auto 25px auto; 
    display: block !important; 
    float: none;
    border-radius: 7px;
  }

.userlistings .box.open .profilepic.top {
    margin: 0 auto 25px auto; 
    pointer-events: none;
}

.userlistings ul.listing .title {
    font-size: .6em;
    line-height: 1em;
}

.userlistings .address p {
    margin:0;
    color: #00b299;
    font-weight: 500;
}
.userlistings .box .profilepic.top::before,
.userlistings hr:last-child,
.news .image-wrapper:after,
.userlistings .details {
    display: none;
}

.userlistings .bottom {
    width: 100%;
}

.userlistings .wrapper {
    width: 100%;
    float: left;
}


.news .image-wrapper {
    width: 180px;
    margin: 0 auto 25px auto;
}

.details,
.details a,
.userlistings .address p,
a.mobile,
a.tel,
.userlistings .details a {
  word-break: break-word;
  font-size: 15px;
  text-decoration: none;
}

.userlistings .details strong {
    padding-top: 20px;
    display: inline-block;
}

.userlistings .details a,
span.post-string {
    display: block;
    clear: both;
}


.userlistings .open .details {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    display: block;
}

.userlistings .box .top::before {
    margin-right: 10px;
}

.userlistings .open.box {
  padding-bottom: 25px;
}


.large, .small, .medium,
.userlistings .wrapper h1, 
.userlistings .wrapper h3,
.userlistings h2 span {
    font-size: 17px;
    line-height: 22px;
}

.userlistings .wrapper h2  {
    font-size: 25px;
    line-height: 27px;
}


.userlistings .wrapper h3 {
    font-weight: 400;
    line-height: 1em !important;
}


.userlistings .wrapper h3 {
    margin-bottom: 20px;
}
.su-column-inner h1,
.su-column-inner h2,
.su-column-inner h3,
.su-column-inner h4,
.su-column-inner h5,
.su-column-inner h6 {
    margin:0;
}

.su-column-size-1-2 {
    width: 100% !important;
    margin:0 !important;
}



.load-toast {
    position: fixed;
    bottom: 200%;
    left: 0;
    width: 100%;  
    padding: 20px;
    text-transform: lowercase;
    font-size: 25px;
    font-weight: 200;
    background: rgba(255, 255, 255, .95);    
    text-align: center;
    color: #fd665c;
    transition: all .5s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 98;
}
.spinner {
  margin: 100px auto 0 auto;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fd665c;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay .4s infinite ease-in-out both;
  animation: sk-bouncedelay .4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/* World Map
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h2.map-title{
    text-align: left;
    padding: 0;
    width: 95%;
    margin: 0 auto 25px auto;
    max-width: 980px;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive{
 /*   overflow: auto;*/
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive p{
    font-size: 13px;
    line-height: 15px;
    width: 70%;
    min-width: 235px;
    margin-bottom: 20px;
    padding: 0;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive h1{
    font-size: 33px;
    line-height: 35px;
    width: 70%;
    min-width: 235px;
    margin: 0;
    position: relative;
    left: -3px;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive h2{
    font-size: 25px;
    line-height: 27px;
    width: 70%;
    min-width: 235px;
    margin: 0;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive h3{
    font-size: 19px;
    line-height: 21px;
    width: 70%;
    min-width: 235px;
    margin: 0;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip{
    top: 200px !important; /*keeps tooltip in view*/
    min-width: 300px ;
    opacity: 0;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-comment{
    color: #4a4f55;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-comment span a{
    color: #00b287;
    font-size: 13px;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-name{
    display: none !important;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-frame{
    border-color: #fff;
    opacity: .9;
    /*padding: 25px;*/
    max-width: 400px;
    min-width: 275px;
    min-height: 250px;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-comment{
    padding: 25px;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive a.fm-tooltip-x.fm-frozen-x:hover{
    color: #4a4f55;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive a.fm-tooltip-x.fm-frozen-x:after{
    content: "CLOSE";
    font-size: 12px;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-x img{
    top: 2px;
    right: 5px;
    position: relative;

}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-x{
    position: absolute;
    top: 34px;
    left: 75%;
    margin: 0;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .tool-tip-bold{
    font-weight: 600;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip-frame{
    overflow: hidden;
}


.worldcountriesHtml5Mapbottom.htmlMapResponsive table.fm-tooltip-frame{
    display: block !important;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .load-toast {
    position: absolute;
    bottom: -200%;
    left: 0;
    width: 100%;  
    padding: 20px;
    text-transform: lowercase;
    font-size: 25px;
    font-weight: 300;
    background: rgba(255, 255, 255, 1);    
    text-align: center;
    color: #000;
    transition: all .5s;
    opacity: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 9999999999999999999999999999999999999999999999

}

.worldcountriesHtml5Mapbottom.htmlMapResponsive .loading-bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  margin: 0 2px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .loading-bar:nth-child(1) {
  background-color: #6b478f;
  animation-delay: 0;
  opacity: .8;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .loading-bar:nth-child(2) {
  background-color: #6b478f;
  animation-delay: 0.09s;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .loading-bar:nth-child(3) {
  background-color: #6b478f;
  animation-delay: .18s;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive .loading-bar:nth-child(4) {
  background-color: #6b478f;
  animation-delay: .27s;
  opacity: .8;
}
.worldcountriesHtml5Mapbottom.htmlMapResponsive text{
    display: none;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}

.worldcountriesHtml5Mapbottom.htmlMapResponsive .spinner {
  margin: 100px auto 0 auto;
  width: 70px;
  text-align: center;
}

.worldcountriesHtml5Mapbottom.htmlMapResponsive .spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fd665c;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay .4s infinite ease-in-out both;
  animation: sk-bouncedelay .4s infinite ease-in-out both;
}

.worldcountriesHtml5Mapbottom.htmlMapResponsive .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.worldcountriesHtml5Mapbottom.htmlMapResponsive .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


/* Widgets
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#tertiary .widget_bp_groups_widget .widget-title a{
    border: none;
    margin: 0;
    font-size: 17px;
    color: #4a4f55;
    text-align: right;
    padding: 0;
}
#tertiary .item-avatar a{
    border: none;
    padding: 0;
    margin-bottom: 0;
}
#tertiary .gallery-icon img,
.widget.buddypress div.item-avatar img{
    width: 100%;
    height: auto;
}
#tertiary .item-title a{
    margin:0 auto 5px auto;
}
#tertiary .gallery-icon a{
    border: none;
    padding: 0;
    margin: 0;
}
.gallery dl.gallery-item{
    margin: 3% 0 0 0 !important;
    /*line-height: 1px;*/
    width: 31% !important;
}
.gallery dl:nth-child(even){
    margin-left: 3% !important;
    margin-right: 3% !important;
}
#tertiary .gallery-icon img{
    border: none;
}
#tertiary #groups-list-options a,
#tertiary .menu-global-network-container a{
    margin: 5px 0;
}
#tertiary #groups-list-options .bp-separator{
    display: none;
}
#tertiary aside{
    padding-bottom: 30px;
}
#tertiary .widget_media_gallery h1.widget-title{
    margin-bottom: 30px;
    margin-top: 0;
}
.tribe-event-duration{
    font-size: 15px;
}
.tribe-event-image {
    display: none;
}

.tribe-events-before-html p {
    font-size: 16px;
}

.tribe-filter-bar-c-pill__pill {
    height: auto;
}

.tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:focus, .tribe-filter-bar .tribe-filter-bar-c-pill--button .tribe-filter-bar-c-pill__pill:hover {
    background-color: #00B287;
    color: #ffffff;
    border:  none;
}

.tribe-filter-bar .tribe-filter-bar-c-pill--has-selections .tribe-filter-bar-c-pill__pill{
    background-color: #00B287;
    color: #ffffff;
    border:  none;
}

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (min-width: 350px) {
    


}


@media (min-width: 400px) {

body.woocommerce-account .woocommerce {
    margin: 25px;
}

#tertiary a {
    width: auto;
}

.mobile-menu-active img.openmenulogo {
    padding:10px 0 0 0;

}
    .st-accordion .bottom a{
    font-size: 15px;
    width: auto;
    display: inline-block;
    }

    .st-content p{
    font-size: 1em;
    line-height: 1.2em;
}


h3 {
    font-size: 45px;
    line-height: 47px;
}

    .worldcountriesHtml5Mapbottom.htmlMapResponsive .fm-tooltip{
        min-width: 350px ;
    }
}


@media (min-width: 500px) {
.entry-content img {
    max-width: auto;
}

a.logobtn span {
    top: 30%;
}



.userlistings .bottom {
    font-size: .5em;
}

.userlistings .wrapper {
    text-align: left;
    padding: 0;
}

.userlistings .box .profilepic.top {
    float: left;
    margin: 0; 
    width: 150px; 
    height: 150px;    
}


.userlistings .box.open .profilepic.top {
    float: none;

}



}



@media (min-width: 600px) {    

a.logobtn span {
    top: 25%;
}
  

  .site-menu button span {
    font-size: 1em;
    line-height: 1em;

}
 
 a.greenbtn {
    font-size: 22px;
}

}


@media (min-width: 720px) {

.featuredgrid .grid-item .post-content-wrapper {
    font-size: 17px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    position: relative;
}


.featuredboxes .image-wrapper {
    /*height: 300px;*/
    /*overflow:hidden;*/
}

.featuredgrid .grid-item {
  height: 700px;

}
    .grid-item     {
    margin: 1%;
    width: 48%;
    } 

    .grid-sizer,
    .featuredgrid .grid-item,   
    .featuredgrid-sizer     {
    margin: 0;
    width: 50%;
    }    


header .row {
    padding: 0;
}

a.logobtn span {
    top: 20%;
}


.entry-content .su-tabs-nav span {
    margin: 0 20px 0 0;    
    display: inline-block !important;
}
.su-column.su-column-size-1-2,
.su-column-size-1-2 {
    width: 45% !important;
    margin-right: 5%!important;
    float: left !important;
}

}


@media (min-width: 769px) {
body.woocommerce-account .woocommerce {
    margin: 0;
}

body.woocommerce-orders .woocommerce table.shop_table {
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

}

@media (min-width: 900px) {
.entry-content img,
.entry-content img.aligncenter  {
    display: inline-block;
}    
.entry-content img.alignright  {
    margin: 0 0 0 25px;
    display: inline-block;    
    float: right;
}

.entry-content img.alignleft {
    margin: 0 25px 0 0;
    display: inline-block;
    float: left;
}

/* Shortcode Ultimate Tables */
.su-table table { display: table; width: auto; }
.su-table table thead { display: table-header-group; width: auto; }
.su-table table tbody { display: table-row-group; width: auto; }
.su-table table tfoot { display: table-footer-group; width: auto; }
.su-table table tr { display: table-row; width: auto; }
.su-table table th,
.su-table table td { display: table-cell; width: auto; }

body.page-template-default .su-table table {
    display: block;
}

.su-table tbody tr:first-child td {
    font-size: 35px !important;
    }


.error404 #searchform input {
    width: 89%;
    float: left;    
}

.error404 #searchform .fontawesome.icon {
    display: block;
}


body.single-post .entry-content h1 {
    font-size: 50px;    
    margin:0;
}

body.single-post .entry-content h2 {
    font-size: 20px;
    margin: 0;    
}

body.page-template-default .entry-content .su-table h1 {
 font-size: 35px;
}

body.page-template-default .entry-content .su-table h2 {
 font-size: 25px;
 font-weight: 500;
}


body.page-template-default .entry-content .su-table h3,
body.page-template-default .entry-content .su-table h4,
body.page-template-default .entry-content .su-table h5,
body.page-template-default .entry-content .su-table h6 {
 font-size: 17px;
 font-weight: 700;

}

 .entry-content-page {
    text-align: left;
}

    

.headerbanner .center-table h1 {
    font-size: 38px;
}


.headerbanner .center-table h1 span {
    font-size: 27px;
}
    
.headerbanner .center-table a {
    padding: 12px 65px 15px 65px;
}

.userlistings h3 {
    font-size: .75em;
    line-height: 1em;
}



  /* ---- isotope responsive grid ---- */


    /* clear fix */
    .grid:after,
    .featuredgrid {
      content: '';
      display: block;
      clear: both;
    }


    .featuredgrid .grid-item,
    .grid-sizer,    
    .featuredgrid-sizer     {
    margin: 0;
    width: 50%;
    }    

.news.entry-content img {
    max-width: 50%;
    height: auto;
}


body.page-template-public-news #main {
    height: 100%;
}





}


@media (min-width: 1080px) {

#tertiary h2.su-post-title a {
    text-align: right;
}

.load-toast {
    left: 310px;
    width: 95%;  
}

.container.publicnews .load-toast {
    left: 0;
    width: 100%;  
}

.container-full.public-spotlight .load-toast {
    left: 0;
    width: 100%;  
}

.news p.post-content  {
    padding:0;
}


.topspace {
    padding-top: 50px;
}  

.bottomspace {
    padding-bottom: 50px;
}  


.leftspace {
    padding-left: 50px;
}  


.rightspace {
    padding-right: 50px;
}  

.featuredgrid div.grid-item:nth-child(odd) {
    border: 0px;
    border-top: 0px;
}


    .grid-item,
    .grid-sizer  {
      /*width: 33.25%*/
      margin: 0;
      /*margin: .5%;*/
    }
    .grid-sizer{
        width: 33.3%;
    }
    .basicgrid .grid-item,
    .basicgrid .grid-sizer  {
      width: 33.3%;
      margin: 0;
    }

    .basicgrid .grid-item    {
        height: 42.9vh;
    }


    .grid-item  {
      float: left;
      height: auto;
      width: 32.3%;
    }

    .grid-item img  {
      width: 100%;
    }

.featuredgrid .grid-item .post-wrapper {
    border-right: 1px solid #dce0e6;
   
}

    .featuredgrid .grid-item,
    .featuredgrid .grid-sizer  {
      width: 33.25%;
      /*margin: 0 .10% 0 0;*/
      margin: 0;
    }


    .featuredgrid .grid-item:nth-child(4),
    .featuredgrid .grid-item:nth-child(6)  {
          margin-right: 0;
      } 
.featuredgrid .grid-item:nth-child(2),
.featuredgrid .grid-item:nth-child(3),
.featuredgrid .grid-item:nth-child(4) {
    margin-bottom: .10%;
}      

.featuredgrid .grid-item  {
  height: 700px;

}

.featuredgrid .grid-item .image-wrapper img {
    display: block;
}

.featuredgrid .image-wrapper img {
        display: none;
    }


.featured-share-buttons{
    position: absolute;
    bottom: -30px;
    right: 0;
    transition: all .5s;
    display: inline-flex;
    z-index: 0;
}

.featured-share-buttons a{
    /*border: none;*/
}

.featuredboxes .grid-item:hover .featured-share-buttons{
    bottom: 0;
}

.xxl,
ul.listing h2 span {
    font-size: 75px;
    margin-top: 15px;
}

.large,
.post-container h1,
.post-day,
.modal-header h1,
.post-container h1 {
    font-size: 45px;
    line-height: 55px;
}

.post-day, .post-month {
  line-height: 37px;
}

.medium {
    font-size: 34px;
    line-height: 44px;
}

.post-month      {
    font-size: 30px;
}

.small,
.st-content,
.post-wrapper h2,
.post-year,    
.userlistings .wrapper h2.post-title { 
    font-size: 24px;
    line-height: 34px;
}

.xxs,
ul.listing h2 {
    font-size: 19px;
    line-height: 25px;
}

html.mobile-menu-active #main  {
    opacity: 1;
}


.site-menu li.pink {
    padding-right: 30px;
}


.input-field.nopad {
    margin-top: 0;
}

.userlistings .box {
    padding: 0 50px 50px 50px;
}


.userlistings .box.open .profilepic.top {
    margin: 0 25px 0 0;
}

.site-title-mobile {
    display: none;
}

.site-title {
    display: block;
}

.directory .wrap {
    padding: 0;
}

.userlistings .wrapper h3,
.userlistings .wrapper h2 span {
  font-size: 17px;
}
.userlistings .address p {
  font-size: 12px;
}

.userlistings .box .profilepic.top {
    width: 150px; 
    height: 150px;
    margin-right: 25px;
}


.userlistings .box.open .profilepic.top {
    float: left;
}


.userlistings .open .details {
    text-align: left;
    line-height: 22px;
}

.userlistings .bottom, .userlistings .open .bottom {
    width: 75%;
}


#tertiary  {
    text-align: right;
    padding: 0;
    float: left;
}

#tertiary a {
    float: right;
    width: 100%;
}


#tertiary a.su-post-thumbnail {
    align-self: flex-end;
}

#tertiary aside:last-child {
    border: none;
    }


body.single-post .nine.columns,
.default .nine.columns {
    margin-left: 5%;
    width: 70%;
    float: right;
}



.su-column {
    margin:0 2% 0 0 !important;
}

.details .col1,
.details .col2,
.details .col3 {
    width: 30%;
    float: left;
}

.details .col1,
.details .col2 {
    margin-right: 4%;
}


.userlistings h2 span {
    margin: 15px 0 0 0;
}

.userlistings .bottom .details,
.userlistings .open .bottom .details {
    text-align: left;
    padding:0;  
    overflow: hidden;
    word-break: break-word;    
}

.userlistings .bottom,
.userlistings .open .bottom {
    clear: none;
    float: left;
    text-align: left;
    padding:0;
}

.directory .open {
    min-height: 270px;
}


.userlistings .box .top {
    display: inline-block;
}

.open .profilepic { 
    transform: none;
 }


.st-accordion {
    margin: 0 auto 50px auto;
    text-align: left;
    padding: 0;
    }


.st-accordion .top {
    border-radius: 4px;
    margin: 20px 0;

}

.userlistings .open .wrapper,
.userlistings .wrapper {
    display: inline-block;
    float: left !important;
    text-align: left;
    clear: none !important;
}

.userlistings .wrapper h2,
.userlistings .wrapper h3 {
    width: 100%;
    float: left;
    padding:0;
    margin:0;
    text-transform: capitalize;
}

.directory .profilepic,
.directory .open .profilepic  {
    width: 200px;
    height: 200px;
    float:left;

}


.userlistings ul.listing .links a {
float: left;
margin: 0 10px;
text-decoration: none;
}


.userlistings .mail, 
.userlistings .tel, 
.userlistings .mobile  {
    display: block;
    clear: both;
}

.userlistings ul.listing p {
    width: auto;
    float: none;
    text-align: left;
}   

.news ul.lined li:first-child {
    margin:0;
}

.news .post-badge .box {
    float: left;  
    line-height: .7em;
    font-size: .85em;
}


.news .post-wrapper {
    width: 100%;
    display: block;
    clear: both;
    float: left;    
}

.news .image-wrapper {
    float: left;
    position: relative;
}

.news .image-wrapper:after {
     display: block;
     float: right;
     color: #848484;
    opacity: .3;
    position: absolute;
    top: -7px;
    right: -11px;
    font-size: 23px;
}



.rightside {
    display: flex;
    justify-content: space-between;    
}

.site-menu .menu {
    text-align: center;
}


.modal:before {
    background: transparent;
    z-index: 10;
}


.modal .modal-dialog {
    width: 80%;
    padding: 0 10%;
    z-index: 11;    
}


.scrollparent {width:70%; overflow:hidden; position: relative;}

.editme input.save {
    float: right;
    width: auto;
}



.dl-back {display: none;}

.site-menu li a  {
    margin: 0;
    position: relative;
}


.st-content {
    font-size: .6em;
    line-height: 1.5em;
}

.st-accordion {
    text-align: left;
}

.st-accordion .top {
    border-radius: 4px;
    margin: 20px 0;

}



ul.listing li {
    text-align: left;
    }


ul.listing h2 {
    width: 20%;
    float: left;
}

ul.listing h3 {
    width: 50%;
    float: left;
}

ul.listing p {
    float: right;
    width: 20%;
    font-size: .65em;
    line-height: 1.25em;
    text-align: right;
}



ul.lined li {
    border:none;
}


.site-title img {
    height: 100%;
}



.site-title img.menulogo {
    display: block;
    height: 85%;
}

.site-title img.menubadge,
.mobile-menu-active a.openmenulogo img,
a.openmenulogo img,
.site-menu li.menulogo {
display: none;
}

.mobile-menu-active a.openmenulogo {
    background: transparent;
}

a.openmenulogo {
    display: block;
    position: absolute;
    top: -170px;
    left: 0;
    right: 0;
    font-size: 13px;
    color: #fff;    
}

.container {
  width:95%;
  position: relative !important
}




/* scroll issue on tablet */

.menusidebar {
    position: fixed;
    width: 327px;
    font-size: 21px;
    overflow-y: auto;
    overflow-x:hidden;
    top: 0;
    bottom: 0;
    height: 104%;
    left: 0;
    right: 0;    
}





.notifications ul li.current-menu-item a:after {
    display: none !important;
}

a.logobtn span,
.menubtn {
  display: none;
}




    .headerbanner {
    width: 100%;
    background-size: 700%;
    display: block;
    position: relative;
    background-size: cover; 
    }



    .site-menu {
        margin: 0;
        position: relative;
    }






.sub-menu {
    display: none;
}


.site-menu ul li:hover > .sub-menu {
    display: block;
}



.site-menu ul.sub-menu li {
    display: block;
    margin: 0;
    width: 100%;
    float: left;
    text-align: left;
}

.site-menu ul.sub-menu li > ul li {
    width: 200px;
    float:left;
    
}

.site-menu li .sub-menu ul.sub-menu {
    margin: 0;
    left: 0px;
}
    
    

.site-menu ul.sub-menu li > ul li a {
    font-weight: 600;
    font-size: 11.5px;
    padding: 0 20px 10px 20px;

}
    
.site-menu ul.sub-menu li > ul li a:hover,
.site-menu ul.sub-menu li > ul li.current_page_item a {
        color: #6b478f;
        cursor: pointer;
    }    


    
    .menu-item-has-children a {
    margin-bottom: 8px;
}
    


.site-menu li.current-menu-ancestor a
{
            margin-bottom: 6px;        

}


    .site-menu li {
        border: none;
    }

 


    
    .site-menu li.current-menu-item a:after {
    top: 0;
    }
    

    
    .site-menu li.current-menu-item > ul.sub-menu a,
    .site-menu li.current-page-parent > ul.sub-menu a,
    .site-menu li.current-menu-ancestor > ul.sub-menu a   {
        background-color: transparent;
    }
    


    .site-menu li.current-menu-ancestor > ul.sub-menu li.title {
    }
 


.site-menu .menu.dl-menuopen li:hover ul.sub-menu,
.site-menu .menu.dl-menuopen li a:hover > ul.sub-menu,
.site-menu li a:hover > ul.sub-menu {
    display: block !important;
}


/* Mega menu Arrow indication */


.mobile-menu-active {
       background: #fff;

} 


    
}

@media (min-width: 1024px) {
    h2.map-title{
        padding-left: 20px;
    }

/* Cookie Popup  */

.ctcc-right-side {
    position: absolute;
    right: 0;
    top: -6px;
}
}
@media (min-width: 1200px) {

a.bluebtn {
    display: inline-block;
}



p.location {
    float: left;
    margin-right: 15px;
}

    h1{
        font-size: 60px;
    }
    h2{
        font-size: 45px;
    }
    h3{
        font-size: 35px;
    }
    h4{
        font-size: 30px;
    }
    h5{
        font-size: 22px;
    }
    h6{
        font-size: 18px;
    }
}

@media (min-width: 1280px) {

    h1{
        font-size: 75px;
    }
    h2{
        font-size: 65px;
    }
    h3{
        font-size: 50px;
    }
    h4{
        font-size: 40px;
    }
    h5{
        font-size: 30px;
    }
    h6{
        font-size: 22px;
    }

}


@media (min-width: 1350px) {
.modal .modal-dialog {
    width: 82%;
    padding: 0 5%;
}

.userlistings .wrapper h2 {
    font-size: 45px;
    line-height: 45px;
    font-weight: 200;
}

.container {
    max-width: 1350px;
}

.featuredboxes h2.post-title {
    font-size: 44px;
    line-height: 44px;  
}

}
.menu li .search-popup{
	display: none;
       position: absolute;
    right: 102px;
    margin-top: 129px;
    z-index: 888;
    width: 100%;
    min-width: 250px;
}

.menu li .search-popup .searchform {
   background: #fff;
    padding: 0 !important;
    padding: 16px;
    z-index: 9999;
    border-radius: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.23);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 50px;
    border: 1px solid #00b287;
    border-radius: 3px;
}
#searchform #s {
    height: auto !important;
    line-height: 24px;
    padding: 10px;
    border-radius: 0px;
    border: none;
}
#searchsubmit {
    display: block;
    height: auto;
    font-size: 15px;
    border-radius: 0px;
    border: 1px solid #00b287;
    color: #fff;
    background: #00b287;
}
body.page-template-default header{
	margin-top: 0;
}
.container-full.banner{
   padding: 20px 15px;
	margin-top: 100px;
}
@media (min-width: 1080px){
	.site-menu ul li#search-icon {
    cursor: pointer;
    margin-left: 10px;
	    position: absolute;
    top: 20px;
    right: 150px;
    border-radius: 5px;
    display: flex;
    height: 50px;
    align-items: center;
    padding: 0;
    min-width: 130px;
    margin: 0;
}
	.site-menu .menu {
    text-align: center;
   display: flex;
		justify-content: space-between;
}
.site-menu li .sub-menu, .site-menu li .sub-menu a{
	display:none !important;
}
.site-menu li.menu-item-has-children{
	position:relative;
}
.site-menu li.menu-item-has-children:hover>.sub-menu{
	display: block !important;
    position: absolute;
    background: #fff;
    padding: 0;
    width: 240px;
    min-width: 200px;
    box-shadow: 0 1px 10px 0px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    list-style: none;
    border-radius: 8px;
    overflow: visible;
	left: 0px;
}
.site-menu li.menu-item-has-children:hover>.sub-menu a{
	display: block !important;
}
	.site-menu li.menu-item-has-children:hover>.sub-menu .sub-menu{
	margin-left: 240px;
    margin-top: -45px;
    border-radius: 0;		
		    width: auto;
	}
	.site-menu li.menu-item-has-children .sub-menu .sub-menu a{
		font-size: 13px;
    line-height: 21px;
    padding: 12px;
    width: 100%;
		
	}
header hgroup:hover {
    margin-bottom: 0;
}
.container-full {
    overflow: visible;
}
	.site-menu{		
		    overflow: visible;
	}
	.site-menu ul.sub-menu li a, .sub-menu li.current_page_item a, .sub-menu li.current_page_parent a {
    border: 0px;
    padding: 15px;
    border-bottom: 1px solid #efefef;
}
	.site-menu:hover {
    max-height: 900px;
    padding-bottom: 0;
}
	.site-menu li a{
		font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
	}
	.sub-menu li a{
		font-size: 13px;
    font-weight: 400;
	}
	.site-menu .menu{
		    border-bottom: 1px solid #6b478f;
	}
	.site-navigation{
		height:70px;
	}
}
@media (max-width: 1079px){
	.site-menu ul li#search-icon{
	    cursor: pointer;
    text-align: right;	
	}
	.menu li .search-popup{
	position: relative;
    right: 0;
	}
}
