/*
Theme Name: primo2022
Description: Twenty Sixteen Child Theme
Author: Craig A Macdonald
Template: twentysixteen
Version: 1.2
Text Domain: twentysixteenchild
*/ 

.site-content {
    margin: 0 auto;
    padding-top: 20px;
    background: #545353;
    color: #e4e6eb
}
body {
    background-color: #000;
    padding: 0;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    
}
body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
    float: left;
    margin-left: 0;
    width: 100%;
}
.site {
    background-color: #000
}
.entry-summary {
    display:none;
}
.entry-footer {
    display: none;
}
.the-height {
    top: 20px !important;
}
.fancybox-image {

    border-radius: 1px 1px 37px;
}
img {border-radius: 1px 1px 17px;}
.site-main > article {
    margin-bottom: 1.5em;
    position: relative;
}

/* ----- Links ----------- */
.amber {color:#FFCF06}
a {
    color: #31a7eb
}
.div-button
{
    background: #2a3036;
    border: 0;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding: 1em 1em;
    text-transform: uppercase;
    text-align:center;
    border-radius: 2px 2px 17px;
    box-shadow: 7px 7px 7px #121212 !important;
    width:100%;  
}
.div-button:hover{
    background: #31a7eb;
    box-shadow: 5px 5px 5px #121212 !important;
    cursor: pointer;
}
.div-button a {
    color: #fff;
}
.button2020 {
    background: #2a3036;
    border: 0;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding: 1em 1em;
    text-transform: uppercase;
    width: 250px;
    margin: 15px;
    border-radius: 2px 2px 17px;
    box-shadow: 7px 7px 7px #121212 !important;
}
.button_thin {
    background: #2a3036;
    border: 0;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding: 0.75rem;
    text-transform: uppercase;
    border-radius: 1px 1px 7px;
    box-shadow: 7px 7px 7px #121212 !important;
}
.button3{
    background: #55ab00;
    border: 0;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding: 1em 1em 1em;
    text-transform: uppercase;
    border-radius: 2px 2px 17px;
    box-shadow: 7px 7px 7px #121212 !important;
    width:100%;
}
.button3:hover{
    background: #31a7eb;
    color: #1a1a1a;
    box-shadow: 5px 5px 5px #121212 !important;
    cursor: pointer;
}
.button5{
    background: #e99a1e;
    border: 0;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding: 1em 1em 1em;
    text-transform: uppercase;
    border-radius: 2px 2px 17px;
    box-shadow: 7px 7px 7px #121212 !important;
    width:100%;
}
.button5:hover{
    background: #31a7eb;
    color: #1a1a1a;
    box-shadow: 5px 5px 5px #121212 !important;
    cursor: pointer;
}
.grid-return {
    position: absolute;right: 0;
}
.grid-return-button {
    background: #2a3036;
    border: 0;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding: 1em 1em;
    text-transform: uppercase;
    text-align: center;
    width: 300px;
    border-radius: 2px 2px 17px;
    box-shadow: 7px 7px 7px #121212 !important;
    display:none;

}
.grid-return-button:hover {
    color: #31a7eb;
    width: 298px;
    box-shadow: 5px 5px 4px #121212 !important;
    font-size:16.9px;
}
.button3 a{color: #fff;text-decoration:none;}
.button5 a{color: #fff;text-decoration:none;}
.button3 a:hover  {color: #1a1a1a;}
.button5 a:hover  {color: #1a1a1a;}

.copybutton {
  float: right;
  padding: 3px 5px 2px 10px;
  border-radius: 1px 1px 5px;
  background: rgb(0, 174, 239);
  font-weight: 700;
  color: #000;
  text-shadow: none;
}

/* ----- colours ----- */

.amber p{color:#FFCF06}
.coolsky {color:#00AEEF}
.country {color:#92C83E}
.niceday {color:#69CEF6}
.sunset {color:#F7941D}
.pohutukawa {color:#ED2046}
.royale {color:#841D80}





/* ----- page layout ----- */

.entry-title {
    font-weight: 500;
    font-size: 260%;
    line-height: 40px;
    margin: 10px 0 20px 0;
    color: inherit;
    text-rendering: optimizelegibility
}
.post-thumbnail img {
    margin-left: 0;
    margin-right: 0;
    border-radius: 1px 1px 17px;
}
#more-cams {

    margin-top:20px;
}
.center {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ----- Columns ----- */

.row:after {
    content: "";
    display: table;
    clear: both;
}
.column {
    float: left;
    width: 50%;
    padding:  10px 10px 10px 0px;
}
.column3 {
    float: left;
    width: 33.333%;
    padding: 10px;
}
.column4 {
    float: left;
    width: 25%;
    padding: 10px;
}
.column66 {
    float: left;
    width: 66.66%;
    padding: 10px;
}
.column16 {
    float: left;
    width: 16.66%;
    padding: 10px;
    margin-bottom: 10px;
}
.column {
  flex: 50%;
}

/* ----- boxes ------- */

.yellow-box {

    border: 3px solid rgba(255,207,6,1);
    border-radius: 1px 1px 17px;
    box-shadow: inset 0 0 45px 0px rgba(255, 207, 6, 0.07);

    padding:20px;
    width:100%;  
}
.yellow-box p {
    color: rgba(255,207,6,1);
    margin: 1.5rem 0 1.5rem;  
}

/* ----- typography ------- */

h1,h2,h3,h4,h5,h6 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-family: inherit;
    color: inherit;
    text-rendering: optimizelegibility;
    font-weight: 500;
}
h2 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: normal;
    margin-top: 15px;
    margin-bottom: 15px
}
h4 {
    padding: 5px 5px 5px 0;
    font-weight: 500;
    font-size: 150%;
    text-decoration: none;
    
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {
    font-weight: 500;
}
.comment-content h3,
.entry-content h3,
.entry-summary h3,
.textwidget h3 {
    font-size: 1.1875rem
}
.entry-content h1, .entry-summary h1, .comment-content h1, .textwidget h1 {
    font-size: 3rem;
    font-weight: 700;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

/* hr {border: 0;height: 2px;margin: 10px 0 20px;background-image: linear-gradient(to right,rgba(30,30,30,1),rgba(255,207,6,1),rgba(30,30,30,1));} */

hr {
    height:3px;
    background-color: #2a3036;
    margin: 1em 0 1.75em;
}
blockquote, blockquote p {
  position: relative;
  font-family: Montserrat,"Helvetica Neue",sans-serif;
    font-size: 1rem;
    line-height: 1.3rem;
  font-style: italic;
    color: #ffcf06;

}
blockquote:before, blockquote p:before {
  content: '\201C';
position: absolute;
top: .05em;
left: -.50em;

font-size: 2rem;
z-index: 2;

}
.accordian-links {
    font-size: 15px !important; 
    padding: 0 !important; 
    text-decoration: underline !important; 
    color: #31a7eb !important;
}

.equilateral-bullet {
    list-style: none;
    position: relative;
    padding-left: 2em;
    --triangle-color: currentColor;
  }
  
  .equilateral-bullet::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 0.75em solid var(--triangle-color);
    border-top: 0.375em solid transparent;
    border-bottom: 0.375em solid transparent;
  }
  
  .amber-bullet {
    --triangle-color: #FFCF06;
  }
  
  .coolsky-bullet {
    --triangle-color: #00AEEF;
  }
  
  .country-bullet {
    --triangle-color: #92C83E;
  }
  
  .niceday-bullet {
    --triangle-color: #69CEF6;
  }
  
  .sunset-bullet {
    --triangle-color: #F7941D;
  }
  
  .pohutukawa-bullet {
    --triangle-color: #ED2046;
  }
  
  .royale-bullet {
    --triangle-color: #841D80;
  }
  





/* ----- Navigation ----- */

.main-navigation a {
    color: #e4e6eb;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
}
.menu-item-img {
    margin-left: 10px;
    text-align: center;
    background: #888;
    font-size: 15px;
    line-height: 24px
}
.fa {
    padding-top: 30px;
    color: #e4e6eb
}
.menu-toggle {
    color: #e4e6eb
}
.no-sidebar .comments-area,
.no-sidebar .content-bottom-widgets,
.no-sidebar .entry-content,
.no-sidebar .entry-footer,
.no-sidebar .entry-header,
.no-sidebar .entry-summary,
.no-sidebar .image-navigation,
.no-sidebar .page-content,
.no-sidebar .page-header,
.no-sidebar .pagination,
.no-sidebar .post-navigation {
    margin-right: 0;
    margin-left: 0
}

footer {
    display: none !important;
  }
  
/* ----- Widgets ----- */


.widget {
    border: none !important;
}
.widget h1 {
    font-weight: 600;
}
.widget-area {
    border-top: 0.4vw solid #2a3036;
}
/* ----- ^^ Widgets ^^ ----- */
/* ----- Tabs ----- */

.su-tabs-nav span {
    display: inline-block;
    margin-right: 3px;
    padding: 20px 50px;
    min-height: 55px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
    transition: all .2s;
  }



/* ----- Accordians ----- */

.ctAccordion.skin-primo > li > a {
    color: #00aeef;  
}

/* ----- Tables ----- */

.white_pages_table {
    width:100%;
    border: 1px solid red;
}
.white_pages_table td {
  padding: 15px;
    border: 1px solid black;
}

/* ----- Grids ----- */

.gridfx-desc {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding: 15px 10% 0 10% !important
}
.gridfx-title {
    display: none;
}
a.gridfx-nav {
    position: absolute;
    top: 50% !important;
    width: 20px;
    height: 40px;
    margin-top: -20px;
    z-index: 100000000007;
}
div.gridfx-pane {padding-top: 20px;padding-bottom:20px !important;}
div.gridfx-item-more-title.gridfx-item-more-title-pad {
    padding-right: 10% !important;
}
div.gridfx-item-more-abs {
    color: #ffcf06;
    font-size: 12px;
    height: 40px;
}
div.gridfx-1 {
    font-family: inherit;
}
.post-grid .item .layer-media img {
    border-radius: 1px 1px 17px !important;
    box-shadow: none;
    width: 100%;
}

/* ----- Maps ----- */

.acf-map {
    width: 100%;
    height: 335px;
    border: 0;
    margin: 0;
    border-radius: 1px 1px 17px;
}

.time-lapse-vid {
    width: 100%;
    height: 335px;
    border: 0;
    margin: 0;
    border-radius: 1px 1px 17px;
}
.acf-map img {border-radius:0;border:0;}
.cam-box {
    cursor: zoom-in;
}

/* ----- Forms ----- */

.grecaptcha-badge {
    visibility: hidden;
}

.inline-checkbox-label {
    display: inline-flex;
    align-items: center;
}

/* Targets only the checkbox with the specific class */
.inline-checkbox-label input.inline-checkbox-class {
    margin-right: 8px; /* Adds space between the checkbox and the label */
}

#slideOut {
    position: fixed;
    z-index: 9000;
    width: 500px;
    max-width:60%;
    height:500px;
    top: 50px;
    right: -500px;
    background: rgba(30, 30, 30, 0.95);
    padding: 20px 30px;
    font-size: 12px;
    border: 3px solid rgba(255, 207, 6, 1);
    border-right: 0;
    border-radius: 0;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
    /* Animation  */
    transition-property: all;
    transition-duration: .05s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  }
 
  
  /* Display slideOut */
  
  .showSlideOut {
    right: 0px !important;
    z-index: 10000;
  }
  
  
  /* Tab */
  
  .slideOutTab {
    margin-top: -23px;
    position: absolute;
    left: -50px;
    height: 200px;
    width: 50px;
    background: #FFCF06;
    border-radius: 17px 0 0 17px;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.slideOutTab p {
    margin:0;
}
  
  .slideOutTab div {
    text-align: center;
    position: relative;
    right: 65px;
    top: 60px;
    cursor: pointer;
    background: #FFCF06;
    color:#000;
    width: 180px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
  }

  .slideOutTab h4
  {font-weight: 900;}

  .modal-body {
  }

  /* ------------- Address Checker Modal --------------------------- */

  #address_slideOut {
    position: fixed;
    z-index: 9000;
    width: 80vw;
    max-width:960px;
    height: 430px;
    top: 305px;
    right: -960px;
    background: rgba(30, 30, 30, 0.95);
    padding: 20px 30px;
    font-size: 12px;
    border: 3px solid rgba(255, 207, 6, 1);
    border-right: 0;
    border-radius: 0 0 0 7px;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
    /* Animation  */
    transition-property: all;
    transition-duration: .05s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  }
 
  
  /* Display slideOut */
  
  .address_showSlideOut {
    right: 0px !important;
    z-index: 10000;
  }
  
  
  /* Tab */
  
  .address_slideOutTab {
    margin-top: -23px;
    position: absolute;
    left: -60px;
    height: 250px;
    width: 60px;
    background: #FFCF06;
    border-radius: 17px 0 0 17px;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.4);
}
  
  .address_slideOutTab div {
    text-align: center;
    position: relative;
    right: 64px;
    top: 40%;
    background: #FFCF06;
    color: #000;
    width: 180px;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    writing-mode: lr-tb;
  }

  .address_slideOutTab h4
  {font-weight: 900;}




input,
input[type=email],
p, li,
textarea {

    font-size: 14px;
    line-height: 1.4em;
    font-family: Montserrat, "Helvetica Neue", sans-serif;

}
input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: .4375em;
    padding: 0;
    margin-left: .2em
}
span.wpcf7-list-item {
    display: inline-block;
    margin: 0.65em 0.7em;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="number"],
textarea {
    background: #3a3b3c;
    background-image: none;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 0px;
    border-radius: 1px 1px 5px;
    color: #e4e6eb;
    padding: .625em .4375em;
    width: 100%;

}
input[type="submit"], input[type="file"] {
    background: #2a3036;
    border: 0;
    color: #fff;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 1;
    padding: 1.5em 1em 1.5em;
    text-transform: uppercase;
    width: 250px;
    margin: 15px;
    border-radius: 2px 2px 17px;
    box-shadow: 7px 7px 7px #121212;
}
input[type="file"] {
    
    width: 97%;
    margin: 7px;
    
}
input:focus,textarea:focus {

    background: #3a3b3c !important;
    color: #fff !important;

}

input[type="submit"][disabled]:hover {
    background: #382727; 
    padding: 1.5em 1em 1.5em;
}
.confirm_email-369 {
    background: #f7f7f7;
    background-image: none;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    border: 1px solid #d1d1d1;
    border-radius: 1px 1px 5px;
    color: #999;
    padding: .625em .4375em;
    width: 100%
}
.wpcf7 {
    margin: 0 10px;
}
.wpcf7 h3 {
    font-size: 16px;
}
.wpcf7-list-item {
    margin-right: 1em
}
.wpcf7-select {
    padding: 10px 5px;
}
.wpcf7 hr {
    height:3px;
    background-color: #2a3036;
}
/* .wpcf7 hr {
    border: 0;
    height: 2px;
    margin: 10px 0 20px 0;
    background-image: linear-gradient(to right, rgba(30, 30, 30, 1), rgba(255, 207, 6, 1), rgba(30, 30, 30, 1));
} */
.wpcf7 hr.subdivider{width:60%;border: 0;height: 1px;margin: 5px auto 10px;background-image: linear-gradient(to right,rgba(30,30,30,1),rgba(255,207,6,1),rgba(30,30,30,1));}
.wpcf7-form-control-wrap {
    margin-bottom: 10px !important;
    display: block !important;
    background: #3a3b3c;
    border: 0px;
    border-radius: 1px 1px 5px;
    padding: .5em .3em;
    width: 100%;
}
/* .cs-prompt .wpcf7-form-control-wrap {
    margin-bottom: 0 !important;
    background: rgba(255, 207, 6, 0.1);
    padding: .1em .3em;
    font-size: 12px;
    border: 1px solid rgba(255, 207, 6, 1);
    -moz-box-shadow:    inset 0 0 5px 1px rgba(255, 207, 6, 1);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(255, 207, 6, 1);
    box-shadow:         inset 0 0 5px 0px rgba(255, 207, 6, 0.7);

} */
.cs-prompt .wpcf7-form-control-wrap {
margin-bottom: 0 !important;
  background: rgb(255, 207, 6);
  padding: .1em .3em;
  font-size: 12px;
  border: 1px solid rgba(255, 207, 6, 1);
  -moz-box-shadow: inset 0 0 5px 1px rgba(255, 207, 6, 1);
  -webkit-box-shadow: inset 0 0 5px 1px rgba(255, 207, 6, 1);
  box-shadow: inset 0 0 5px 0px rgba(255, 207, 6, 0.7);
  color: #000;
  font-weight: 700;
  
}

.cs-info {
 
    background: rgba(146, 200, 62, 1);
    padding: 1em;
    color: #000;
    font-weight: 700;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, 1);
    border-radius: 1px 1px 17px;
    -moz-box-shadow:    inset 0 0 5px 1px rgba(146, 200, 62, 1);
    -webkit-box-shadow: inset 0 0 5px 1px rgba(146, 200, 62, 1);
    box-shadow:         inset 0 0 5px 0px rgba(146, 200, 62, 0.7);
    margin-bottom: 1rem;

}
.cs-prompt {
    margin-bottom: 1rem;
    opacity: 1;
    transition: opacity 0.5s ease-out;
}
.customer, account-type, .account-authority, .sigtest {
    padding: 0;

}
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999 !important;
    opacity: 1;
}
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999 !important;
    opacity: 1;
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999 !important;
    opacity: 1;
}
:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999 !important;
    opacity: 1;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #fff;
    background-color: #b9090b;
    border: 0;
    padding: .625em .4375em;
    border-radius: 1px 1px 5px;
    text-align: center;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #fff;
    background-color: #92c83e;
    border: 0;
    padding: .625em .4375em;
    border-radius: 1px 1px 17px;
    text-align: center;
}
div.wpcf7-mail-sent-ok:before,
div.wpcf7-validation-errors:before {
    font: 26px/30px FontAwesome;
    margin-right: 16px;
    vertical-align: middle;
}

div.wpcf7-mail-sent-ok:before {
    content: '\f00c';
}
div.wpcf7-validation-errors:before {
    content: '\f057';
}
span.wpcf7-not-valid-tip {
    color: #b9090b;
    font-weight: 400;
    display: block;
    margin-left: 7px;
}
.wpcf7-radio {
    height: 100px;
}
select.wpcf7-form-control.wpcf7-select {

    background: transparent;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    color: #999;
    padding: 5px;
    margin-left:20px;
    font-size: 14px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 34px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    
}

[class*="-contract"]::after,[class*="-plan"]::after,[class*="-ups"]::after,[class*="-zone"]::after,[class*="-ip"]::after,[class*="choose"]::after,[class*="-rep"]::after,[class*="-surge"]::after,[class*="-backup"]::after,[class*="-assignee"]::after
{
  content: '▼';
  font-size: 16px;
  color: #31a7eb;
 
  left: 10px;
 top: 14px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
} 

select.wpcf7-form-control.wpcf7-select > option {
    color: #000;
}
.selektor {
    background: url(https://www.primo.nz/nz/wp-content/uploads/bluedown24px.png) no-repeat right;
}
    .grecaptcha-badge {
    visibility: hidden;
    opacity: 0;
    transition: linear opacity 1s;
}
    .grecaptcha-badge.showgr {
    visibility: visible;
    opacity: 1;
    transition: linear opacity 1s;
}

.su-sub{width:100% !important;margin:0 !important}
.gold-alert {
    color: #ffcf06;
    text-align: center;
    margin-top: 39px;
    position: inherit;
    border: 3px solid #ffcf06;
    border-radius: 1px 1px 7px;
    line-height: 1;
    width: 100%;
    padding: 8px;
}
.user-status {
    margin-top: 52px;

   height:40px;
    background-repeat: no-repeat;
    background-position: center; 
}

.sfwcf7_canvas {
    margin: 0 auto;
    display: block;
}
.btn {margin: 0 auto;
    display: block;
}
.dswcf7_digital_sig .wpcf7-form-control-wrap
{
  margin-bottom: 10px !important;
  display: block !important;
  background: none;
  border: 0px;
  border-radius: 1px 1px 5px;
  padding: .5em .3em;
  width: 100%;
}
div[data-lastpass-icon-root] { display: none; }
div[data-lastpass-root] { display: none; }

/* ----- ^^ Forms ^^ ----- */


/* -------------- Address Finder -------------- */

ul.af_list {
    list-style: none;
    padding: 1rem;
    margin: 0;
    border: solid 1px #666;
    background: #3a3b3c;
    background-color: #3a3b3c !important;
  color: #e4e6eb;
      
  }
  li.af_item {
    cursor: pointer;
  }
  li.af_hover {
    background-color: steelblue;
    color: white;
  }
    li.af_footer {
        display:none !important;
    font-size: 0.8em;
   color:#3a3b3c;
    text-align: right;
  }
li.af_footer a { color:#3a3b3c;}

.bx-wrapper .bx-viewport {
  background-color: #000;
}
.bx-viewport li::before {
  content: none;

}
.bx-wrapper {

  border: none;
  background:none;
 

}
.bx-viewport { border-radius: 1px 1px 17px;}


/* ----- Individual Page Styles ----- */


.entry-title,
.site-header,
.site-footer,
.site-info {
    display: none
}
.entry-content {
    margin-left: 0
}
.site-main {
    margin-bottom: 0
}
.site {
    margin: 0;
    margin-top: 20px;
}
.site-content {
    background: #1e1e1e;
    padding-top: 40px;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-radius: 0px 0px 60px;
}
.post-title {
    color:#e4e6eb;
}
.post-navigation {
    border-top: 4px solid #2a3036;
    border-bottom: 4px solid #2a3036;
    clear: both;
    font-family: Montserrat,"Helvetica Neue",sans-serif;
    margin: 0 7.6923% 3.5em;
        margin-right: 7.6923%;
        margin-bottom: 3.5em;
        margin-left: 7.6923%;
}
.post-navigation div + div {
    border-top: 4px solid #2a3036;
}
.page-id-2194 .site-inner {
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}
.page-id-2194 .column4 {padding: 0px;}



/* ----- Instagram ----- */
.entry-title,
.page-id-1333 .site-header,
.site-footer,
.site-info {
    display: none
}
.page-id-1333 .entry-content {
    margin-left: 0
}
.page-id-1333 .site-main {
    margin-bottom: 0
}
.page-id-1333 .site {
    margin: 0;
    margin-top: -20px;
}
.page-id-1333 .site-content  {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- About Us ----- */
.entry-title,
.page-id-695 .site-header,
.site-footer,
.site-info {
    display: none
}
.page-id-695 .entry-content {
    margin-left: 0
}
.page-id-695 .site-main {
    margin-bottom: 0
}
.page-id-695 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-695 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}


/* ----- Webcams ----- */
.entry-title,
.page-id-161 .site-header,
.site-footer,
.site-info {
    display: none
}
.page-id-161 .entry-content {
    margin-left: 0
}
.page-id-161 .site-main {
    margin-bottom: 0
}
.page-id-161 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-161 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 0px;
}


/* ----- contact-main ----- */
.entry-title,
.page-id-29 .site-header,
.site-footer,
.site-info {
    display: none
}

.page-id-29 .entry-content {
    margin-left: 0
}

.page-id-29 .site-main {
    margin-bottom: 0
}

.page-id-29 .site {
    margin: 0;
    margin-top: 15px
}

.page-id-29 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- feedback-form ----- */

.entry-title,
.page-id-119 .site-header,
.site-footer,
.site-info {
    display: none !important
}

.page-id-119 .entry-content {
    margin-left: 0
}

.page-id-119 .site-main {
    margin-bottom: 0
}

.page-id-119 .site {
    margin: 0;
    margin-top: 15px
}

.page-id-119 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- conductive education sign-up ----- */

.entry-title,
.page-id-1389 .site-header,
.site-footer,
.site-info {
    display: none !important
}

.page-id-1389 .entry-content {
    margin-left: 0
}

.page-id-1389 .site-main {
    margin-bottom: 0
}

.page-id-1389 .site {
    margin: 0;

}

.page-id-1389 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- taradirecta ----- */

.entry-title,
.page-id-167 .site-header,
.site-footer,
.site-info {
    display: none
}
.page-id-167 .entry-content {
    margin-left: 0
}
.page-id-167 .site-main {
    margin-bottom: 0
}
.page-id-167 .site {
    margin: 0;
    margin-top: 15px
}

/* ----- Primo webcams ----- */

.entry-title,
.page-id-2206 .site-header,
.site-footer,
.site-info {
    display: none
}
.page-id-2206 .entry-content {
    margin-left: 0
}
.page-id-2206 .site-main {
    margin-bottom: 0
}
.page-id-2206 .site {
    margin: 0;
    margin-top: 15px
}

/* ----- white-pages-listing-details ----- */

.entry-title,
.page-id-443 .site-header,
.site-footer,
.site-header-main,
.site-info {
    display: none !important
}
.page-id-443 .entry-content {
    margin-left: 0;
    margin-top: 0
}
.page-id-443 .site-main {
    margin-bottom: 0
}
.page-id-443 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-443 .site-content {
     margin: 0 auto;
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- staff-profiles ----- */

.entry-title,
.page-id-686 .site-header,
.site-footer,
.site-info {
    display: none
}
.page-id-686 .entry-content {
    margin-left: 0
}
.page-id-686 .site-main {
    margin-bottom: 0
}
.page-id-686 .site {
    margin: 0;
    margin-top: 15px
}

/* ----- about-us-2019 ----- */

.entry-title,
.page-id-695 .site-header,
.site-footer,
.site-info {
    display: none !important
}
.page-id-695 .entry-content {
    margin-left: 0
}
.page-id-695 .site-main {
    margin-bottom: 0
}
.page-id-695 .site {
    margin: 0;
    margin-top: 15px
}

/* ----- plan-change-form ----- */

.entry-title,
.page-id-1184 .site-header,
.site-footer,
.site-info {
    display: none !important
}
.page-id-1184 .entry-content {
    margin-left: 0
}
.page-id-1184 .site-main {
    margin-bottom: 0
}
.page-id-1184 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-1184 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- mooving-registration-form ----- */

.entry-title,
.page-id-1200 .site-header,
.site-footer,
.site-info {
    display: none !important
}
.page-id-1200 .entry-content {
    margin-left: 0
}
.page-id-1200 .site-main {
    margin-bottom: 0
}
.page-id-1200 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-1200 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- sponsorship-information-form ----- */

.entry-title,
.page-id-1219 .site-header,
.site-footer,
.site-info {
    display: none !important
}
.page-id-1219 .entry-content {
    margin-left: 0
}
.page-id-1219 .site-main {
    margin-bottom: 0
}
.page-id-1219 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-1219 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- Searchable T&C ----- */

.entry-title,
.page-id-1111 .site-header,
.site-footer,
.site-info {
    display: none !important
}
.page-id-1111 .entry-content {
    margin-left: 0
}
.page-id-1111 .site-main {
    margin-bottom: 0
}
.page-id-1111 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-1111 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}

/* ----- school link page ----- */

.entry-title,
.page-id-1278 .site-header,
.site-footer,
.site-info {
    display: none !important
}
.page-id-1278 .entry-content {
    margin-left: 0
}
.page-id-1278 .site-main {
    margin-bottom: 0
}
.page-id-1278 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-1278 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}
   
/* ----- splynx-information-form ----- */

.entry-title,
.page-id-1954 .site-header,
.site-footer,
.site-info {
    display: none !important
}
.page-id-1954 .entry-content {
    margin-left: 0
}
.page-id-1954 .site-main {
    margin-bottom: 0
}
.page-id-1954 .site {
    margin: 0;
    margin-top: 15px
}
.page-id-1954 .site-content {
    background: #1e1e1e;
    border-radius: 0px 0px 60px;
}
p:empty::before {
    content: "";
}

/* ----- ^^ Individual Page Styles ^^ ----- */


/* ------  mode switcher -------- 
 .mode-button {
     font-size: 16px 
}
 .mode-button-inner-left:empty {
     margin-left: -0.625em 
}
 .mode-button-inner-left:before, .mode-button-inner-left:after {
     box-sizing: border-box;
     margin: 0;
     padding: 0;
  
     -webkit-transition: 0.4s ease-in-out;
     -moz-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
     transition: 0.4s ease-in-out;
     outline: none 
}
 .mode-button .mode-button-inner, .mode-button .mode-button-inner-left {
     display: inline-block;
     font-size: 0.875em;
     position: relative;
     padding: 0em;
     line-height: 1em;
     cursor: pointer;
     color: rgba(149, 149, 149, 0.51);
     font-weight: normal 
}
 .mode-button .mode-button-inner-left:before {
     content: '';
     display: block;
     position: absolute;
     z-index: 1;
     line-height: 2.125em;
     text-indent: 2.5em;
     height: 1em;
     width: 1em;
     margin: 0.25em;
   
     -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     border-radius: 100%;
     right: 1.625em;
     bottom: 0em;
     background: #FFB200;
     transform: rotate(-45deg);
     box-shadow: 0 0 0.625em white 
}
 .mode-button .mode-button-inner-left:after {
     content: "";
     display: inline-block;
     width: 2.5em;
     height: 1.5em;
     -webkit-border-radius: 1em;
     -moz-border-radius: 1em;
     border-radius: 1em;
     background: rgba(255, 255, 255, 0.15);
     vertical-align: middle;
     margin: 0 0.625em;
     border: 0.125em solid #FFB200 
}
 .mode-button.active .mode-button-inner-left:before {
     right: 1.0625em;
     box-shadow: 0.3125em 0.3125em 0 0 #eee;
     background: transparent 
}
 .mode-button.active .mode-button-inner-left:after {
     background: rgba(0, 0, 0, 0.15);
     border: 0.125em solid white 
}
 .mode-button .mode-button-inner-left {
     color: rgba(250, 250, 250, 0.51);
     font-weight: bold 
}
 .mode-button.active .mode-button-inner-left {
     color: rgba(149, 149, 149, 0.51);
     font-weight: normal 
}
 .mode-button.active .mode-button-inner-left + .mode-button-inner {
     color: rgba(250, 250, 250, 0.51);
     font-weight: bold 
}
*/
/* -------------- Timer -------------- */
.base-timer {
    height: 50px;
    width: 50px;
    position: absolute;
  right: 0;
  top: 0;
  z-index:1;
  cursor:pointer;
  
  }
  .base-timer__label {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      z-index:3;
  }
  .timer_resume {
      position: absolute;
      width: 50px;
      height: 50px;
      top: 0;
      left:2px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 16px;
      z-index:4;
  }
  .base-timer__circle {
      fill: #2a3036;
      stroke: none;
  }
  .base-timer__path-elapsed {
      stroke-width: 7px;
      stroke: grey;
  }
  .base-timer__path-remaining {
      stroke-width: 7px;
      stroke-linecap: round;
      transform: rotate(90deg);
      transform-origin: center;
      transition: 1s linear all;
      stroke: #92c83e;
  }
  /*
  .countdown {}
  */
  .timer_pause {
    position: absolute;
    width: 53px;
    height: 47px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  svg:not(:root) {
      overflow: hidden;
  }
  .base-timer__svg {
      transform: scaleX(-1);
  }

/* -------------- Media Queries -------------- */

/* Responsive form columns  */
@media screen and (max-width: 1100px) {
 /*   .column {
        width: 100%;
    }
*/

    .site-content {
        padding-top:20px;
        padding-bottom:50px;
        padding-left: 15px;
        padding-right:15px;
        
    }

    .acf-map {

        height: 280px;
    }
    .time-lapse-vid {
        height: 100%;
    }

    #more-cams {
        display:none;
    }
    .grid-return-button {
        display:inline;
    }
    
}
@media screen and (max-width: 710px) {

    .site-content {
        padding-top:20px;
        padding-bottom:50px;
        padding-left: 15px;
        padding-right:15px;
        
    }

    .column,
    .column3,
    .column4,
    .column66,
    .column16 {
        width: 100%;
        padding: 5px 20px;
    }

    .wpcf7 {
        margin: 0 30px;
    }
    #more-cams {
        display:none;
    }
    .grid-return-button {
        display:inline;
    }
    .gold-alert {   
        color: #ffcf06;
        text-align: center;
        margin-bottom: 20px;
        margin-top:0px;
        position: inherit;
        border: 2px solid #ffcf06;
        border-radius: 1px 1px 7px;
        line-height: 1.4;
    }
    .su-sub{
        width:100% !important;
        margin: 30px auto !important;
    }
    .entry-content h2, .entry-summary h2, .comment-content h2 {
        font-size: 1.4375rem !important;
        line-height: 1.25;
        margin-top: 2em;
        margin-bottom: 1em;
      }

}
@media screen and (min-width: 44.375em) {

    body:not(.custom-background-image):before,
    body:not(.custom-background-image):after {
        background: inherit;
        content: "";
        display: block;
        height: 21px;
        left: 0;
        top: 0;
        position: fixed;
        width: 100%;
        z-index: 99;
    }
    .entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {
        margin: 0 0 1.75em 1.25em;
      }
}
@media screen and (min-width: 61.5625em) {
.entry-content h2, .entry-summary h2, .comment-content h2 {
  font-size: 1.4375rem !important;
  line-height: 1.25;
  margin-top: 2em;
  margin-bottom: 1em;
}
}


.entry-content h2, .entry-summary h2, .comment-content h2
{
    font-size: 1.4375rem !important;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
  }