/*
Theme Name: Addedlovely
Theme URI: https://www.addedlovely.com
Author: Addedlovely
Author URI: https://www.addedlovely.com
Version: 0.6
Text Domain: addedlovely
*/

/* ==========================================================================
	Helpers
   ========================================================================== */
.clear:after {content: ""; visibility: hidden; display: block; height: 0; clear: both;}
.v-center {position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.center {display:block; margin-left: auto; margin-right:auto;} 
.cover {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.browsehappy {position: fixed; bottom: 0; left: 0; right: 0; text-align: center; background: #000; color: #fff;}

.fluid-video {position: relative; background: #000;}
.fluid-video iframe {position: absolute; top:0; left:0; bottom: 0; right:0; height: 100%; width: 100%;} 
.fluid-video:before {padding-top: 56.25%; content: ''; display: block;}

.hotspot {position: absolute; top:0; left: 0; right: 0; bottom: 0; cursor: pointer;}

/* .disabled {pointer-events: none; cursor: default; opacity: 0.5;} */

.no-transition {-webkit-transition: none !important; transition:none !important;}

.hidden {display: none; visibility: hidden;}


/* Lazyloading */
img.lazyload {opacity: 0;  -webkit-transition: opacity 1s; transition: opacity 1s;  }
img.lazyload.initial, img.lazyload.loaded, img.lazyload.error, .slick-initialized img.lazyload { opacity: 1; }
img:not([src]) { visibility: hidden; }

/* ==========================================================================
	General
   ========================================================================== */
* {margin: 0; padding: 0;}
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; box-sizing: border-box;} 
*, *:before, *:after  {box-sizing: inherit;}
img {border: 0; display: block; outline: none; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto;}
iframe {border: 0;}

.image {width: 100%; display: block; position: relative;}
.image img {position: absolute; top:0; left: 0; width: 100%; height: auto;}

table {width: 100%; border-collapse: collapse; text-align: left;}

a,button {-webkit-tap-highlight-color:transparent;}

/* ==========================================================================
	Structure
   ========================================================================== */
html, body {height: 100%;}
.container { width: 100%; margin: auto;}   
.mobile {display: none;}

/* ==========================================================================
	Typography
   ========================================================================== */
h1, h2, h3, h4 {font-weight: normal;}
p { margin-bottom: 14px; word-break: break-word;}
pre { overflow: auto;}

a {text-decoration: none; outline: none; color: inherit;}
cite, address {font-style: normal;}
abbr {text-decoration: none;}

.bold, strong {font-weight: bold;}

.wysiwyg li { list-style-position: inside; margin-left: 20px;}
.wysiwyg > ul, .wysiwyg table, .wysiwyg dl, .wysiwyg > ol { margin-bottom: 32px;}
.wysiwyg .aligncenter {margin-left: auto; margin-right: auto;}
.wysiwyg .alignleft {float: left; margin-right: 20px; margin-bottom: 20px;}
.wysiwyg .alignright {float: right; margin-left: 20px; margin-bottom: 20px;}
.wp-caption-text {line-height: 3; font-size: smaller;}

/* ==========================================================================
	Header
   ========================================================================== */
.header {  margin: auto; z-index: 1;} 


/* ==========================================================================
	Footer
   ========================================================================== */
.social a {width: 20px; height: 20px; line-height: 20px; text-align: center; display: inline-block;}

/* ==========================================================================
	Forms
   ========================================================================== */
button, input, optgroup, select, textarea {color: inherit; font: inherit; outline: none; border: none; color: #000; background: transparent; }
input, button, select {border: 1px solid #EFEFEF; height: 40px; line-height: 38px; width: 100%; text-indent: 10px;}
textarea {resize: none; overflow: auto; -webkit-appearance: none; border:1px solid #EFEFEF; padding: 10px; height: 122px; text-transform: none; width: 100%;}
label {display: inline-block; line-height: 2;}
input[type=text], input[type=submit], input[type=email], input[type=password], input[type=search], select {-webkit-appearance: none; border-radius:0; }
button, input[type="button"], input[type="submit"] {cursor: pointer; border-radius: 0; background: transparent; width:auto; text-indent: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none; line-height: normal;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=file] { border: 0; height: auto; text-indent: 0; line-height: normal;}

::-webkit-input-placeholder {color: #231f20;}
:-moz-placeholder {color: #231f20;}
::-moz-placeholder {color: #231f20;}
:-ms-input-placeholder {color: #231f20;}

.button, .added_to_cart, input.button {font-weight: bold; line-height: 40px; height: 40px; border: 0; display: inline-block; margin: auto; padding: 0 20px; text-indent: 0;}

.required {color: red;}
.gfield_required {padding-left: 4px; }

/* Gravity Forms */
.validation_message {text-align: left; font-size: 14px; line-height: 2; color: red;} 
.validation_error {font-size: 14px; margin-bottom: 20px;}

.gform_ajax_spinner {width: 36px; height: 36px; display: inline-block; margin-top: 20px;}
.gform_wrapper {max-width: 800px; margin: auto;}
.gform_wrapper li {list-style: none;}
.gfield {margin-bottom: 10px;}
.gfield.hidden_label label {display: none;}

.gfield_radio input {display: none;}
.gfield_radio label:before {content: ''; width: 16px; height: 16px; border: 1px solid #efefef; display: inline-block; margin-right: 10px; vertical-align: middle; border-radius: 50%;}
.gfield_radio input:checked + label:before {background: #000;}

.gfield_checkbox input {display: none;}
.gfield_checkbox label:before {content: ''; width: 16px; height: 16px; border: 1px solid #efefef; display: inline-block; margin-right: 10px; vertical-align: middle; }
.gfield_checkbox input:checked + label:before {background: #000;}

/* Newsletter : Confirmations */
.mc4wp-form-success .mc4wp-form-fields {display: none;}


/* ==========================================================================
	Layouts
   ========================================================================== */
.layout {position: relative;}
.row.half_half {display: grid;  grid-template-columns: 50% 50%; grid-gap: 10px;}


/* ==========================================================================
	Layout : Slideshow
   ========================================================================== */
.slick-dots {text-align: center; }
.slick-dots li {list-style-type: none; display: inline-block; width: 30px; height: 40px; line-height: 40px; font-size: 0;}
.slick-dots button {width: 10px; height: 10px; margin: auto; border-radius: 50%; background: #EFEFEF; font-size: 0; vertical-align: middle;}
.slick-dots .slick-active button {background: #000;}

/* ==========================================================================
	Layout : Images
   ========================================================================== */
.layout-images.stack .image {margin-bottom: 20px;}

/* ==========================================================================
	Grid
   ========================================================================== */

.grid {display: grid; grid-gap: 20px;}

.columns-1 { grid-template-columns: repeat(1, 1fr); }
.columns-2 { grid-template-columns: repeat(2, 1fr); }
.columns-3 { grid-template-columns: repeat(3, 1fr); }
.columns-4 { grid-template-columns: repeat(4, 1fr); }
.columns-5 { grid-template-columns: repeat(5, 1fr); }
.columns-6 { grid-template-columns: repeat(6, 1fr); }
.columns-7 { grid-template-columns: repeat(7, 1fr); }
.columns-8 { grid-template-columns: repeat(8, 1fr); }

.layout-sidebar {width: 30%; float: right; padding-left: 20px;}


/* ==========================================================================
	Modal
   ========================================================================== */
.modal {position: fixed; opacity: 0; visibility: hidden; top:0; left: 0; height: 100%; right: 0; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 20px; background:#FFF; background:rgba(255,255,255,0.6); z-index: 2;     display: flex; align-items: center; justify-content: center; -webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);} 
.modal:target {opacity: 1; visibility: visible;}
.modal-close {position: absolute; top:0; left: 0; bottom: 0; right: 0; z-index: 1;}
.modal .container {position: relative; z-index: 2;}

/* ==========================================================================
	Post
   ========================================================================== */
.post {position: relative;}

/* Pagination */
.layout-pagination {text-align: center; line-height: 5; clear: both; }
.layout-pagination span, .layout-pagination a {line-height: 30px; width: 30px; height: 30px; display: inline-block;}
.layout-pagination .prev, .layout-pagination .next {width: auto; padding: 0 20px;}

/* Navigation */
.layout-navigation { line-height: 5; }
.layout-navigation .prev {float: left;}
.layout-navigation .next {float: right;}

/* ==========================================================================
	Sidebar
   ========================================================================== */
.sidebar-heading {margin-bottom: 20px;}
.sidebar-search {position: relative;}
.sidebar-search button {position: absolute; top:0; right: 0; border: 0; text-indent: 0; width: 40px;}
.sidebar-block {margin-bottom: 20px;}
.sidebar-block li {line-height: 30px; border-bottom: 1px solid #EFEFEF; list-style-type: none;}
.sidebar-block .tag {background: #EFEFEF; border-radius: 5px; line-height: 30px; padding: 0 10px; margin-right: 5px; margin-bottom: 5px; display: inline-block;}

/* ==========================================================================
	Layout : Table of Contents
   ========================================================================== */
.layout-table-of-contents a {display: block;}

/* ==========================================================================
	Layout : Accordion
   ========================================================================== */
.accordion-title {cursor: pointer;}
.accordion-content {overflow: hidden; height: 0; -webkit-transition: height 0.3s cubic-bezier(.77,0,.175,1); transition: height 0.3s cubic-bezier(.77,0,.175,1);}
.open .accordion-content {height: auto;} 

/* ==========================================================================
	Layout : Map
   ========================================================================== */
.map { position: absolute; top:0; left: 0; bottom: 0; right: 0;}
.map-container {width: 100%; position: relative; padding-top: 56.25%; }

/* ==========================================================================
	Layout : Video
   ========================================================================== */
.video-poster { position: absolute; top:0; left: 0; bottom: 0; right: 0;}
.video-poster:after { content: ''; width: 100px; height: 100px; border-radius: 50%; position: absolute; top:0; left: 0; bottom: 0; right: 0; margin: auto; }

/* ==========================================================================
	Layout : Cookie
   ========================================================================== */
.layout-cookie-warning {position: fixed; bottom: 0; left: 0; right: 0; display: none; background: #FFF; padding: 20px; text-align: center; z-index: 2;}
.layout-cookie-warning.active {display: block;}

/* ==========================================================================
	Press Coverage
   ========================================================================== */
.layout-press-coverage {text-align: center;}
.layout-press-coverage hr {clear: both; overflow: auto; }
.layout-press-coverage hr:last-of-type {display: none;}
.press-coverage {width: 33.33333%; float: left; display: inline-block; padding: 30px; position: relative;}
.press-coverage-logo {max-width: 140px; height: auto; margin: 20px auto 20px auto; }


/* ==========================================================================
	Transitions
   ========================================================================== */
.class {-webkit-transition: all 0.3s cubic-bezier(.77,0,.175,1); transition: all 0.3s cubic-bezier(.77,0,.175,1);}



/* ==========================================================================
	Slick Slider
   ========================================================================== */
.slick-slider{display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}