/*--------------------------------------------------------------------------------------------------
////////////////////////////////////////////////////////////////////////////////////////////////////
//  STYLE OVERRIDES
////////////////////////////////////////////////////////////////////////////////////////////////////
--------------------------------------------------------------------------------------------------*/

#wrapper a.post-edit-link { position: absolute; top: 0; right: 0; padding: 10px; display: none !important; background: white; border: 1px dotted; color: black; }
#wrapper .post-preview:hover a.post-edit-link { display: block !important; }
footer p.copy .nav-divider:last-child { display:none; }

/* Autocomplete */
.autocomplete-suggestions { border: 1px solid #e2e2e2; background: #FFF; overflow: auto; font-size: 1.5em; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #255dab; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Forms */
.gform_wrapper .gform_body select.form-control[size], .gform_wrapper .gform_body select.form-control[multiple] {
    height: auto;
    background: none;
}

/* Distributors search */

area, map { outline: none; }
map area  { cursor: pointer; }
.location-map, map, .contact-map { position: relative; }
/**/
#distributors-map { position: relative; z-index: 5; }
/*
#distributors-map .container { padding: 0;}
*/
#distributors-map .no-results { display: none;}
#distributors-map .vertical-align-wrapper { /*height: 528px;*/ top: 50px; width: 250px; position: absolute; right: 0; }
#distributors-map .distributor-location-popup { display: none; position: absolute; top: 200px; left: 10%; z-index: 999; }
#distributor-boxes{ position: relative; z-index: 0;}
/**/
#distributors-map .country-dropdowns { display: none;}
/**/
.distributor-location-popup .close { text-align: center; position: absolute; top: 20px; right: 20px; color: white; background-color: #999; line-height: 16px; border-radius: 8px; height: 16px; width: 16px;}
.distributor-location-popup .inner { position: relative; background-color: white; padding: 20px; text-align: left; width: 250px; border-radius: 5px; }
.distributor-location-popup h3 { font-size: 14px; line-height: 24px; border-bottom: 1px solid #f3f3f3; margin-top: 0; padding-bottom: 5px;}
.distributor-location-popup ul { padding-left: 0; min-height: 50px; max-height: 200px; overflow-y: scroll; }
.distributor-location-popup ul li a { font-size: 12px; line-height: 23px; text-transform: uppercase; display: block; color: #ccc; }
.distributor-location-popup ul li a:hover, .distributor-location-popup ul li a.selected { color: #225396; text-decoration: none; }

/* Terms */

.term { /*height: 250px;*/ background-color: white; }
.term .readmore[data-readmore], .term .readmore + [data-readmore-toggle] { position: relative; background-color: white; z-index: 1; }
.term .readmore + [data-readmore-toggle] { padding: 7px; background-color: #f3f3f3; margin-top: 5px; }
.term-letters, .term-letters li { list-style-type: none; padding: 0; margin: 0; }
.term-letters { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 30px;}
.term-letters li { display: inline-block; }
.term-letters li a { font-size: 15px; font-weight: bold; font-family: "Biryani", sans-serif; padding: 10px 10px 8px 10px; display: block; }
.term-letters li a:hover { text-decoration: none; color: #fdb719; }

.box-title { text-transform: uppercase; color: #fff; background-color: #000; font-size: 1.5em; line-height: 1; display: inline-block; padding: 15px 22px 10px; margin: 0;}
.styled-title { text-transform: uppercase; text-align: left; border-bottom: 1px solid #e2e2e2; padding: 30px 0 10px; margin-bottom: 10px; font-size: 1.5em; font-weight: 700;}
a.scroll-to-top { display: block; font-size: 13px; font-weight: bold; color: #fdb719; margin: 60px 0 20px;}
a.scroll-to-top:hover { text-decoration: underline;}
.readmore p{ font-size: 1.4em; line-height: 1.15;}
@media screen and (max-width: 991px)
{
    a.scroll-to-top { margin-left: 15px;}
}


/* Formulas */
#formulas { padding-bottom: 50px;}
.page-template-template-formulas h1 { font-size: 28px; line-height: 28px; font-weight: 900; border-bottom: 1px solid #e2e2e2; padding: 26px 0 10px; margin: 0 0 38px;}
#formula-table, #formula-prep-table, #formula-char-table { width:100%; }
/* #formula-table th,#formula-table td { padding:5px; } */
#formula-table tr:nth-child(even) { background-color:#eeeeee; }
#formula-prep-table th,#formula-prep-table td { padding:5px; }
#formula-prep-table tr:nth-child(even) { background-color:#eeeeee; }
#formula-char-table th,#formula-char-table td { padding:5px; }
#formula-char-table tr:nth-child(even) { background-color:#eeeeee; }
.single-formula h3 { margin-top:40px; }


#filter-wrapper .hallstar-product-filters .expandable-box{ padding: 5px 12px 0 12px;}
.single-product .hallstar-product-filters { display: none;}


/* Documents */
.document { float: none; display: inline-block; vertical-align: top; height: auto; margin: 0; padding-top: 10px; padding-bottom: 20px;}
.document a { display: block; padding: 0; text-decoration: none;}
.document img { display: block; width: 100%; max-width: 165px; height: auto; margin: 0 0 15px; opacity: 0.82; border: 1px solid #c0c4c7; transition: opacity 0.25s ease;}
.document span { text-decoration: none; display: block; font-size: 16px; line-height: 18px;}


/* WP Job Manager Override */
ul.job_listings li.job_listing a .meta li.date { display: none;}


/* Video landing */

.page-template-template-video-banner-landing #content .container,
.page-template-template-video-banner-landing #video-banner .container   { max-width: 925px; width: 100%;}
.page-template-template-video-banner-landing .wysiwyg ul li             { color: #275eac; font-size: 22px; line-height: 28px; font-family: "Biryani",Arial,sans-serif; font-weight: 100; margin: 10px 0 0; padding-left: 10px; text-decoration: none;}
.page-template-template-video-banner-landing .wysiwyg ul li a           { color: #275eac;}
.page-template-template-video-banner-landing .wysiwyg ul li a:hover     { text-decoration: underline;}
.page-template-template-video-banner-landing .wysiwyg ul li:first-child { margin: 0;}

#video-banner            { position: relative; text-align: center; padding: 120px 0;}
#video-banner h1         { color: #fff; font-size: 90px; line-height: 90px;}
#video-banner .overlay   { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; background: #000; opacity: .25;}
#video-banner .container { background: none; padding: 0 15px;}

/* #content                 { padding: 20px 0;} */


/* Homepage BG video */
.bg-video               { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height:100%; z-index:0; overflow: hidden; background-size: cover; background-position: center;}
video.fullscreen        { position: relative; display: block;  opacity: 0; visibility: visible; /* -webkit-backface-visibility: hidden; backface-visibility: hidden;*/ -webkit-transition: opacity 0.5s linear; transition: opacity 0.5s linear;}
video.fullscreen.loadIn { opacity: 1;}


.notice    { }
.notice h2 { background: #fdb719; color: #fff; text-align: center; font-size: 24px; padding: 20px 10px 12px; margin: 0 0 20px;}

@media screen and (max-width: 767px)
{
    .page-template-template-video-banner-landing #content .container { padding: 0;}
    .page-template-template-video-banner-landing .wysiwyg ul li      { font-size: 16px; line-height: 22px;}
    .page-template-template-video-banner-landing .wysiwyg + .wysiwyg { margin-top: 20px;}

    #video-banner    { padding: 60px 0;}
    #video-banner h1 { font-size: 45px; line-height: 45px; text-align: center;}

    .notice .right { margin-top: 10px;}
}


/* Hawaii Compliant Sun Care page */ 

.page-template-template-video-banner-landing  .wysiwyg{
	margin-top:50px;
}

.page-template-template-video-banner-landing  .wysiwyg.notice {
    margin-bottom: 100px;
    margin-top:0;

}

.page-template-template-video-banner-landing .wysiwyg h3{
	font-weight:bold;
	font-size:2.5em;
}

.page-template-template-video-banner-landing  .notice h2{
	background:#CCCC;
	color:black;
	margin-bottom:35px;
	font-weight:bold;
}

.page-template-template-video-banner-landing .wysiwyg ul li a{
	color:black;
	text-decoration:none;
	font-size:2rem;
}

.page-template-template-video-banner-landing .wysiwyg ul li a:hover{
	text-decoration:underline;
}

.page-template-template-video-banner-landing .wysiwyg ul li{
	color:black;
}


@media screen and (max-width: 991px)
{

.page-template-template-video-banner-landing #content .container{
	padding-right:30px;
	padding-left:30px;
}

.page-template-template-video-banner-landing .post-text ul, .page-template-template-video-banner-landing .post-text ol, .page-template-template-video-banner-landing  .wysiwyg ul, .page-template-template-video-banner-landing  .wysiwyg ol {
    margin: 35.5px auto;
}

.page-template-template-video-banner-landing .post-text ul, .page-template-template-video-banner-landing .post-text ol, .page-template-template-video-banner-landing  .wysiwyg.notice ul, .page-template-template-video-banner-landing  .wysiwyg.notice ol {
    margin: 20.5px auto;
}

.page-template-template-video-banner-landing a.btn.btn-info {
    margin-top: 15px;
}


}