/*
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;}


img.lazyload:not([src]) {
	visibility: hidden;
}
img.lazyload, video.lazyload { will-change:opacity; opacity: 0; transition: opacity 1s; }
img.lazyload.loaded, video.lazyload.loaded,
img.lazyload.error, video.lazyload.error {
	opacity: 1;
	visibility: visible;
}



/* ==========================================================================
	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;}

/* ==========================================================================
	Forms
   ========================================================================== */
button, input, optgroup, select, textarea {color: inherit; font: inherit; outline: none; border: none; color: #000; background: transparent; }
textarea {resize: none; overflow: auto; -webkit-appearance: none; 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;}

/* ==========================================================================
	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); }
.columns-9 { grid-template-columns: repeat(9, 1fr); }
.columns-10 { grid-template-columns: repeat(10, 1fr); }
.columns-11 { grid-template-columns: repeat(11, 1fr); }
.columns-12 { grid-template-columns: repeat(12, 1fr); }
.columns-13 { grid-template-columns: repeat(13, 1fr); }
.columns-14 { grid-template-columns: repeat(14, 1fr); }
.columns-15 { grid-template-columns: repeat(15, 1fr); }
.columns-16 { grid-template-columns: repeat(16, 1fr); }
.columns-17 { grid-template-columns: repeat(17, 1fr); }
.columns-18 { grid-template-columns: repeat(18, 1fr); }