/*
Theme Name: Ari Novick Theme
Description: Custom WordPress theme designed for Ari Novick.
Version: 1.9.0
Text Domain: Ari_Novick
Tags:

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.com/normalize.css/
*/

*{margin:0;padding:0;border:none}
html {font-family:'Ubuntu', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height:100%;-webkit-font-smoothing: subpixel-antialiased;}
body {margin:0;background:#E1E1E1;font-family: 'Ubuntu', sans-serif;font-weight:300;height:100%;}

/*LAYOUT*/
#wrap {min-height: 100%;}
#page {padding-bottom: 50px;width:100%;}
#logo {width:565px;height:155px;display:block;position:relative;background:url(images/header-logo.png) center center no-repeat;left:0;top:0px;z-index:1001;}
.site-header {width:100%;height:155px;background:rgba(45,54,63,0.8);position:relative;display:block;}
#an-content {display:flex;justify-content:center;width:75%;min-height:500px;margin:auto;padding-bottom:50px;margin-top:10px;}
#primary {box-sizing:border-box;display:inline-block;width:100%;min-height:500px;position:relative;padding:2em;vertical-align:top;background:#fff;}
#main {padding:0 2em 2em 0;margin:auto;}
#tray {width:100%;height:154px;background:rgba(45,54,63,0.8);position:absolute;display:block;top:45%;z-index:2;}
.entry-meta {display:none;height:1em;}
.entry-footer {background:#efefef;padding:1em;font-size:0.8em;}
a.btn {background:#F7AC2D;padding:1em 1.5em;border:1px solid rgba(255,255,255,0.6);
    width:300px;display:block;text-align:center;margin-bottom:-20px;font-weight:normal;color:#2D363F;}
a.btn:hover {background:#2D363F;color:#fff;}


/*NAVIGATION*/
nav {height:50px;font-family:'Ubuntu Condensed', sans-serif;font-size:18px;font-weight:300 !important;background:#F7AC2D;position:relative;width:100%;z-index:1000;text-transform:UPPERCASE;text-align:center;top:0px;}
nav ul {margin:0;padding:0;display:inline-table;position:relative;}
nav ul:after {content: ""; clear: both; display: block;}
nav ul a:hover {color:#fff !important;}
nav ul li li a {color:#fff;}
nav ul ul a:hover {color:#fff !important;}
nav ul li li a:visited {color:#fff;}
nav li {display: block;float:left;line-height:50px;height:50px;position:relative;}
nav li a, nav li a:visited {display: block;line-height:50px;padding:0 15px;color:#fff;font-weight:normal;}
nav .current-menu-item a, nav .current_page_item a {color:#fff !important;background:#2D363F;}
nav ul ul {display:none;box-shadow:0 2px 4px rgba(0,0,0,0.3);margin-left:0px;}
nav ul ul li {float:none;position:relative;width:200px;font-size:14px;text-transform:Capitalize;text-align:left;border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(0,0,0,0.4);}
nav ul li:hover > ul {display:block;position:absolute;top:50px;background:#2D363F;}
nav ul li:hover > a {color:#fff;background:rgba(45,54,63,0.8);}
nav ul ul li a:hover {background:#000;}
nav ul li a:hover {-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: hidden;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: color, background-color;transition-property: color, background-color;}
nav ul ul li ul {left:150px;top:0;}
.nav-trigger {display:none;}
.posts-navigation {background:transparent !important;}
.home {text-align:left!important;}
.home nav ul {}
.home nav ul ul li {display:none;}
.push {margin-left:10%;}
.form-container {display:block;width:90%;}

/*HOMEPAGE*/
#logo-home {width:500px;height:120px;display:block;position:relative;background:url(images/logo.png) center center no-repeat;z-index:2;padding:17px 10%;}
#primary-home {display: block;width: 100%;height:auto;position: absolute;vertical-align: top;background: rgba(255,255,255,0.8);margin: auto;top: 62%;left: 0;right: 0;}
#main-home {padding: 2em 0 0 0;margin: auto;width: 70%;margin-left: 10%;}
#main-home .entry-header {display:none;}
#spacer {display:block;height:204px;position:relative;top:62%;}

/*FOOTER*/
#colophon {width:40%;height:50px;position:relative;font-size:0.8em;text-align:center;margin:-50px auto 0 auto;}
footer {z-index:200;}
#colophon-home {width:40%;height: 50px;position: fixed;font-size: 0.8em;text-align: center !important;margin: auto;bottom: 0;left: 0;right: 0;}

/*TYPOGRAPHY*/
body, button, input, select, textarea {color: #2D363F;font-size: 14px;font-size: 1rem;line-height: 1.5;}
h1,h2,h3,h4,h5,h6 {clear: both;text-align:left;}
h1 {font-family: 'Ubuntu', sans-serif;font-weight:700;font-size:50px;color:#2D363F;text-transform:UPPERCASE;}
h2 {font-family: 'Ubuntu', sans-serif;font-weight:700;font-size:20px;line-height:40px;color:#2D363F;}
h3 {font-family: 'Ubuntu', sans-serif;font-weight:700;font-size:16px;line-height:80px;color:#2D363F;}
p {font-family: 'Ubuntu', sans-serif;font-weight:300;font-size:16px;line-height:1.6em;color:#2D363F;margin-bottom: 1.5em;text-align:left;}
.entry-title {text-align:left;font-weight: 300;font-size:30px}
b, strong {font-weight: 700;}
dfn {font-style: italic;} small {font-size: 80%;} sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;}
dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 1.5em;}
big {font-size: 125%;}

/*LINKS*/
a {text-decoration:none !important;background-color: transparent;color:#F7AC2D;font-weight:bold;}

.entry-footer a {font-weight:normal;font-style:italic;}
.nav-next a, .nav-previous a, .nav-next a:visited, .nav-previous a:visited {color:#2D363F;}

/*IMAGES*/
.wp-post-image {width:100%;height:275px;display:block;top:0px;object-fit: cover;position:absolute;}
img {border: 0;height: auto;max-width: 100%;}
.round {border-radius:100%;margin:0 auto;padding:5px;border: 1px dashed #414042; overflow:hidden;width:300px;height:300px;object-fit:cover;}

/*COLOURS*/
.navy {background:#2D363F;rgba(45,54,63,1)color:#fff !important;}
.gold {background:#F7AC2D;color:#fff !important;}
.grey {background:#E1E1E1;color:#fff;}
.darkgrey {background:#ABAEB1;color:#fff;} 

/*POSITIONING*/
.floatL {float:left;}
.floatR {float:right;}
.pullT {margin-top: -15px;margin-bottom: 35px;}
.footerLogos {position:relative; right:30px; top:9px;padding-right:20px;}
.footer-copy {font-size:10px;color:#ccc;line-height:75px;text-transform:UPPERCASE;font-family: 'Ubuntu', sans-serif;letter-spacing:1px;float:left;margin-left:50px;}
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

/*UTILITY*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {content: "";display: table;table-layout: fixed;}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {clear: both;}

/*FORMS*/
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
button {overflow: visible;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;background:#2D363F !important;color:#fff !important;border:0;text-transform:UPPERCASE;padding:0.8em !important;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0;padding: 0;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover {background:#000 !important;}
button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea {color: #777;padding:0.8em !important;background:#efefef;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus {color: #111;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
textarea {overflow: auto;width: 100%;}
fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}
select {overflow:hidden;background:#0081d6;padding:0.8em !important;font-size:16px;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;color:#fff;margin-top:10px;cursor:pointer;}
select:focus {background:#000;}
.contact-form-slot {width:100%;margin-top:1.5em;}
.contact-form-slot iframe {display:block;width:100%;border:0;}

/*UL STYLES*/
.check li {background:url(images/blu/check.png) no-repeat 0px 16px;padding: 12px 0px 0px 22px;vertical-align: middle;text-indent:0px; font-weight:normal;list-style:none;font-family:inherit;font-size:inherit;}
.circleCheck li {background:url(images/blu/circle-check.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:normal;list-style:none;font-family:inherit;font-size:inherit;}
.plus li {background:url(images/blu/plus.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
.x li {background:url(images/blu/x.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
.arrow li {background:url(images/blu/arrow.png) no-repeat 0px 16px;padding: 12px 0px 0px 16px;vertical-align: middle;text-indent:5px; font-weight:bold;list-style:none;font-family:inherit;font-size:inherit;}
ul,ol {margin: 0 0 1.5rem 1rem;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5rem;}

/*EFFECTS*/
.fade2 {opacity:0.6;filter:alpha(opacity=0.6);transition: opacity .30s ease-in-out;-webkit-transition:.20s ease-in-out;-moz-transition:.20s ease-in-out;-o-transition:.20s ease-in-out;} .fade2:hover {opacity:1;filter:alpha(opacity=100);}
.textShadow {text-shadow: 0 2px 1px rgba(13,90,145,0.5);}

/*PLUGIN OVERRIDES*/

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
[hidden], template {display: none;}
abbr[title] {border-bottom: 1px dotted;}
mark {background: #ff0;color: #000;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
hr {box-sizing: content-box;height: 0;}
pre {overflow: auto;}
code, kbd, pre, samp {font-family: monospace, monospace;font-size: 1em;}
legend {border: 0;padding: 0;}
optgroup {font-weight: bold;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {background: #fff9c0;text-decoration: none;}
blockquote:before,blockquote:after,q:before,q:after {content: "";}
blockquote,q {quotes: "" "";}
hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
table {margin: 0 0 1.5em;width: 100%;}
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.byline, .updated:not(.published) {display: none;}
.single .byline, .group-blog .byline {display: inline;}
.page-links {clear: both;margin: 0 0 1.5em;}
.blog .format-aside .entry-title, .archive .format-aside .entry-title {display: none;}
.comment-content a {word-wrap: break-word;}
.bypostauthor {display: block;}

/*Menus*/
.main-navigation {clear: both;display: block;float: left;width: 100%;}
.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}
.main-navigation li {float: left;position: relative;}
.main-navigation a {display: block;text-decoration: none;}
.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 1.5em;left: -999em;z-index: 99999;}
.main-navigation ul ul ul {left: -999em;top: 0;}
.main-navigation ul ul a {width: 200px;}
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {left: 100%;}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {display: block;}
@media screen and (min-width: 37.5em) {
.menu-toggle {display: none;}
.main-navigation ul {display: block;}
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em;overflow: hidden;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left;padding:10px 2em;background:#F7AC2D;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right;text-align: right;padding:10px 2em;background:#F7AC2D;}
.comment-navigation .nav-previous:hover, .posts-navigation .nav-previous:hover, .post-navigation .nav-previous:hover, .comment-navigation .nav-next:hover, .posts-navigation .nav-next:hover, .post-navigation .nav-next:hover {background:#2D363F;color:#fff !important;}

/*Accessibility*/
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;display: block;font-size: 14px;font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}
#content[tabindex="-1"]:focus {outline: 0;}

/*Infinite scroll*/
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}

/*Media*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}
embed, iframe, object {max-width: 100%;}

/*Captions*/
.wp-caption {margin-bottom: 1.5em;max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*Galleries*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}

/*RESPONSIVE CODE*/
@media only screen and (min-width: 601px) and (max-width: 1100px) {
*,*:before,*:after {z-index:1;}
#page {margin:0;}
#logo {z-index:1;background-size:contain;height:155px;left:0;top:0px;}
#an-content {display:block;width:90%;min-height:500px;margin:auto;padding-bottom:50px;margin-top:2em;}
#primary {width:100%;display:block;float:none;margin:auto;padding:0;}
#primary-home {top: 58%;}
#main {padding:2em;}
#colophon {width:100%;}
#colophon-home {width:100%;}
nav {position:absolute;height:auto;width:240px;z-index:9999;border-bottom:none;top:0;left:-240px;text-align:right;}
nav ul {display:block;}
nav li {display: block;width:240px;}
nav ul ul {margin-left:240px;}
nav ul ul li {width:240px;}
nav ul li:hover > ul {top:0px;}
nav ul ul li ul {left:220px;top:0;}
.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);z-index:9999;}
label[for="nav-trigger"] {position: fixed;top:0px;left:0px;z-index: 2;width: 39px;height: 39px;cursor: pointer;background:#2D363F;background-image: url(images/menu.png);background-size: contain;}
.nav-trigger:checked + label {left: 240px;}
.nav-trigger:checked ~ nav {left:240px;}
.nav-trigger + label, nav {transition: left 0.2s;}
.footer-copy {margin:0 0 auto;float:none;text-align:center;}
p {font-size:1em;line-height:1.25em;}
h1,h2,h3,h4,h5,h6 {font-size:1.25em;margin-bottom:1.5em;}
#mc_embed_signup {width:100% !important; margin-top:-50px !important;}
.home nav ul {left:0 !important;}
.push {margin-left:0%;}
}


@media only screen and (min-width: 100px) and (max-width: 600px) {
*,*:before,*:after {z-index:1;}
#page {margin:0;}
#logo {z-index:1;background-size:contain;height:100%;left:0;top:0px;width:auto;}
#logo-home {height:100px;background-size:contain;width:auto;}
#tray {height:auto;}
.site-header {height:100px;}
#an-content {display:block;width:90%;min-height:500px;margin:auto;padding-bottom:50px;margin-top:2em;}
#primary {width:100%;display:block;float:none;margin:auto;padding:0;}
#tray {position:relative;top:0;height:154px;}
#spacer {height:calc(55vh - 154px);min-height:190px;top:0;}
#primary-home {position:relative;top:auto;left:auto;right:auto;display:block;background:rgba(255,255,255,0.92);}
#main-home {width:auto;margin:0;padding:1.5em;}
#main {padding:2em;}
#colophon {width:100%;}
#colophon-home {display:none;}
nav {position:absolute;height:auto;width:240px;z-index:9999;border-bottom:none;top:0;left:-240px;text-align:right;}
nav ul {display:block;}
nav li {display: block;width:240px;}
nav ul ul {margin-left:240px;}
nav ul ul li {display:none;}
nav ul li:hover > ul {top:0px;}
nav ul ul li ul {display:none;}
.nav-trigger {position: absolute;clip: rect(0, 0, 0, 0);z-index:9999;}
label[for="nav-trigger"] {position: fixed;top:0px;left:0px;z-index: 2;width: 39px;height: 39px;cursor: pointer;background:#2D363F;background-image: url(images/menu.png);background-size: contain;}
.nav-trigger:checked + label {left: 240px;}
.nav-trigger:checked ~ nav {left:240px;}
.nav-trigger + label, nav {transition: left 0.2s;}
.footer-copy {margin:0 0 auto;float:none;text-align:center;}
p {font-size:1em;line-height:1.25em;}
h1,h2,h3,h4,h5,h6 {font-size:1.25em;margin-bottom:1.5em;}
#mc_embed_signup {width:100% !important; margin-top:-50px !important;}
.home nav ul {left:0 !important;}
.push {margin-left:0%;}
}

@media only screen and (min-width: 601px) and (min-height: 600px) and (max-height: 800px) {

#primary-home {top: 75%;}
#colophon-home {display:none;}

}

@media only screen and (min-width: 601px) and (min-height: 801px) and (max-height: 1020px) {

#primary-home {top: 65%;}
#colophon-home {display:none;}

}