/*
Theme Name: jenniferhowardartist
Theme URI: https://github.com/tidythemes/blankslate
Author: jenniferhowardartist
Author URI: http://www.jenniferhowardartist.com
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 0.1
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: jenniferhowardartist

jenniferhowardartist WordPress Theme © 2011-2019
jenniferhowardartist is distributed under the terms of the GNU GPL
*/
@font-face {
    font-family: 'brandon_textregular';
    src: url('fonts/hvd_fonts_-_brandontext-regular-webfont.eot');
    src: url('fonts/hvd_fonts_-_brandontext-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hvd_fonts_-_brandontext-regular-webfont.woff2') format('woff2'),
         url('fonts/hvd_fonts_-_brandontext-regular-webfont.woff') format('woff'),
         url('fonts/hvd_fonts_-_brandontext-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'brandon_textlight';
    src: url('fonts/hvd_fonts_-_brandontext-light-webfont.eot');
    src: url('fonts/hvd_fonts_-_brandontext-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hvd_fonts_-_brandontext-light-webfont.woff2') format('woff2'),
         url('fonts/hvd_fonts_-_brandontext-light-webfont.woff') format('woff'),
         url('fonts/hvd_fonts_-_brandontext-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

.cs-password-protected header#header, 
.cs-password-protected footer#footer {
    display: none;
}
.post-password-form {
    position: fixed;
    width: 100vw;
    left: 0;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: none;
    background: #f5f5f5;
}
.post-password-form input[type="password"] {
    min-height: 40px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;
    box-sizing: border-box;
    outline: none !important;

}.post-password-form input[type="submit"] {
    height: 40px;
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
    font-size: 14px;
}
.post-password-form {
    margin: 0 auto;
    text-align: center;
    box-shadow: 1px 1px 5px;
    padding: 30px;
    box-sizing: border-box;
}

.post-password-form p {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.4;
    max-width: 350px;
    text-align: left;
}
/*18012019*/

html{
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body
{
	overflow-x: hidden;
    font-family: 'brandon_textregular';
}
div.wpcf7-response-output {
    border: 1px solid #ec0e0e !important;
    padding: 10px !important;
    text-align: center !important;
    color: #bf0a0a !important;
}
.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    border:  2px solid green !important;
    color:  green !important;
}
.single-detail p a:hover {
    color: #2b2929;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6a6a6a;
  font-family: 'brandon_textlight';
}
::-moz-placeholder { /* Firefox 19+ */
  color: #6a6a6a;
  font-family: 'brandon_textlight';
}
:-ms-input-placeholder { /* IE 10+ */
  color: #6a6a6a;
  font-family: 'brandon_textlight';
}
:-moz-placeholder { /* Firefox 18- */
  color: #6a6a6a;
  font-family: 'brandon_textlight';
}
/*header*/
header#header {
    padding: 25px 0;
}
section#branding {
    max-width: 300px;
    margin: 0 auto;
}
.hamburger {
    display: none;
}
.logo
{
	text-align: center;
}
.logo img {
    max-width: 300px;
}
nav#menu {
    margin: 0 auto;
    text-align: center;
    padding: 35px 0 30px 0;
    width: 100%;
    max-width: 605px;
}
nav#menu ul {
    display: flex;
    -moz-display: flex;
    -ms-display: flex;
    margin: 0 auto;
    justify-content: space-between;
}
nav#menu ul li a {
    font-size: 20px;
    text-transform: uppercase;
    padding: 0 10px;
    display: inline-block;
    color: #000;
    text-decoration: none;
    font-family: 'brandon_textregular';
}
nav#menu ul li a:hover, footer#footer .top a:hover {
    color: #54B3CB;
}
nav#menu ul li.current-menu-item:hover a {
    color: #000;
}
.menu-header-menu-container {
    width: 100%;
}
/*header*/
div#container {
    padding:0px 5%;
    box-sizing: border-box;
    max-width: 1400px;
    margin: 0 auto;
}
.painting-wrapper, .painting-wrapper2 {
    display: flex;
    -moz-display: flex;
    -ms-display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -12px;
}
.paintings-imagewrapper {
    width: 33.33%;
    padding: 0 12px 24px;
    box-sizing: border-box;
}
.paintings-imagewrapper .image-inner {
    height:  0;
    position:  relative;
    padding-bottom: 78%;
    overflow: hidden;
}
.paintings-imagewrapper .image-inner img {
    position: absolute;
    top: 0;
    left: 0;
    position: absolute;
    top: 50%;
    /*width: calc(100% + 2px);*/
    font-family: "object-fit: cover;";
    height: calc(100% + 2px);
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    min-width: 100%;
}
.paintings-imagewrapper:hover .image-inner:before {
    position:  absolute;
    content:  "";
    width:  100%;
    background: rgba(0, 0, 0, 0.3);
    height: 100%;
    z-index: 999;
    pointer-events: none;
}
.painting-wrapper span.load-more
{
    display: none;
}
/*single-detail*/
.single-detail {
    padding: 0 5%;
}
.single-detail h2 {
    color: #363636;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    line-height: 70px;
    padding-bottom: 7px;
    padding-top: 0;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.single-detail p
{
    color: #888888;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    padding: 0 0 12px 0;
    text-align: left;
    text-transform: none;
    width: 100%;
    font-family: 'brandon_textlight';
}
.single-detail p a {
    color: #888888;
}
.single-image-wrapper {
    width: 100%;
    overflow: hidden;
    margin: 25px 0;
}
.single-image-wrapper img {
    cursor: zoom-in;
    max-width: 100%;
}
/*contact-us*/
.contact-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.contact-title h2 {
    text-align: center;
    font-size: 27px;
    color: #363636;
    padding: 20px 0;
}
.contact-subtitle {
    text-align: center;
    color: #888888;
    font-size: 20px;
    font-weight: 300;
    padding: 5px 0;
    font-family: 'brandon_textlight';
}
.inner-contact-form {
    padding: 60px 0 30px;
}
.inner-contact-form p label {
    width: 100%;
    color: #b5b1b1;
    font-weight: 100;
    font-size: 14px;
    padding: 0 0 10px 0;
    text-align: left;
    display: inline-block;
    overflow: hidden;
    font-family: 'brandon_textlight';
}
.inner-contact-form p span input, .inner-contact-form p span textarea {
    width: 100%;
    height: 42px;
    background-color: #FCFCFC;
    color: #6a6a6a;
    font-size: 14px;
    font-weight: 300;
    margin: 0 0 0 0;
    padding-left: 10px;
    text-align: left;
    border: 1px solid #EFEFEF;
    outline: none;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.inner-contact-form p
{
	padding-bottom: 30px;
}
.inner-contact-form p span textarea {
    display: block;
    height: 132px;
    padding-bottom: 13px;
    padding-top: 13px;
}
.inner-contact-form .contact-button input {
    border-radius: 5px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    padding: 0 30px;
    text-transform: uppercase;
    background-color: #b4b4b4;
    border: 0;
    cursor: pointer;
    width: auto;
    outline: 0;
    -webkit-appearance: none;
}
.inner-contact-form .contact-button
{
	text-align: center;
}
.inner-contact-form .contact-button input:hover {
    background-color: #54b3cb;
    color: #ffffff;
}
.inner-contact-form span.wpcf7-not-valid-tip {
    display: block;
    text-align: center;
    color: #c00;
    font-size: 12px;
    line-height: 12px;
    padding-top: 5px;
}
.inner-contact-form p span input.wpcf7-not-valid, .inner-contact-form  p span textarea.wpcf7-not-valid {
    border: 1px solid #c00;
}
.inner-content {
    text-align: center;
    padding: 65px 0 0 0;
}
.inner-content p {
    max-width:  670px;
    margin:  0 auto;
    color: #888;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    padding-bottom: 25px;
    padding-top: 0px;
    text-align: center;
    text-transform: none;
    line-height: 1.8;
    font-family: 'brandon_textlight';
}
.inner-content p strong {
    font-weight: 700;
    display: inline-block;
    padding-bottom: 0;
    font-family: 'brandon_textregular';
}
.about-title h2 {
    color: #363636;
    font-size: 27px;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 24px;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.about-subtitle {
    color: #888;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    text-align: center;
    width: 100%;
    padding-bottom: 35px;
    font-family: 'brandon_textlight';
}
.about-wrapper-flex {
    display:  flex;
    -ms-display:  flex;
    -moz-display:  flex;
    flex-wrap:  wrap;
    justify-content:  flex-end;
    margin: 0 -5px;
}
.about-image {
    width:  50%;
    padding: 0 5px;
    box-sizing:  border-box;
}
.inner-about-image {
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%;
}
.inner-about-image img {
    position: absolute;
    top: 50%;
    height: calc(100% + 2px);
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    cursor: zoom-in;
}
/*contact-us*/
/*footer*/
footer#footer .top {
    padding: 60px 0;
    text-align: center;
}
footer#footer .top a {
    color: #999999;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;
    position: relative;
    font-family: 'brandon_textlight';
}
footer#footer div#copyright {
    padding: 60px 0;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
    text-align: center;
    text-transform: none;
    color: #bcbcbc;
    font-family: 'brandon_textregular';
}
footer#footer .top a:before {
    position: absolute;
    content: "\f062";
    left: -25px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
/*footer*/
.error-page h1.entry-title {
    text-align: center;
    font-size: 30px;
    font-family: 'brandon_textregular';
}
.error-page h1.entry-title {
    text-align: center;
    font-size: 30px;
    font-family: 'brandon_textregular';
}
.error-page p {
    text-align: center;
    font-size: 20px;
    font-family: 'brandon_textregular';
    padding: 20px 0 0 0;
    line-height: 1.6;
}
.topmargincat {
    margin-top: 25px;
}
nav#menu ul.sub-menu {
    display: none !important;
}

.menu-header-menu-container ul li.menu-item-has-children {
    position: relative;
}
.menu-header-menu-container ul li.menu-item-has-children ul.sub-menu {
    position: absolute;
    left: 0;
    width: 200px;
    text-align: left;
    background-color: #fff;
    padding: 0px 15px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
    border-radius: 1px;
    top: 22px;
    z-index: 9;
}

nav#menu .menu-header-menu-container ul li.menu-item-has-children:hover ul.sub-menu {
    display: block !important;
    position: absolute;
    left: 0;
    width: 205px;
    text-align: left;
    background-color: #fff;
    padding: 0px 15px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.18);
    border-radius: 1px;
    top: 20px;
}

 .menu-header-menu-container ul li.menu-item-has-children:hover ul.sub-menu li a {
    padding: 15px  5px  !important;
    display: block !important;
    font-size: 17px !important;
    border-bottom: 1px solid #d2d2d2;
}

.menu-header-menu-container ul li.menu-item-has-children:hover ul.sub-menu li:last-child a {
    border-bottom: 0;
}
 nav#menu .menu-header-menu-container ul li.menu-item-has-children ul.sub-menu li a {
    color: #888;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 300;
}
.about-subtitle h2 small {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}


.post-password-form input[type="submit"] {
    background-color: #000;
    border: 0;
    color: #fff;
    padding: 3px 15px;
    cursor: pointer;
}
.magine-image-main {
    margin-bottom: 20px;
}
.post-password-form input[type="submit"]:hover {
    background-color: #676666;
}
.ppwp-wrong-pw-error.ppw-ppf-error-msg {
    text-align: center;
    margin-top: 15px;
}
.inner-content p a {
    color: #888;
}
.magine-image {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
}

.magine-image img {
    max-width: 100%;
    padding: 10px;
    box-shadow: 0px 0px 5px #000;
    box-sizing: border-box;
}
.magine-image-main .magine-image-sec {
    display: none;
}

.magine-image-main .magine-image-sec:first-child {
    display: block;
}
/*responsive*/
@media only screen and (max-width:1024px)
{
    footer#footer .top, footer#footer div#copyright
    {
        padding: 25px 0;
    }
    .inner-contact-form {
        padding: 30px 0 30px;
    }
    .mobile-menu nav#menu ul li a {
        line-height: 50px;
        font-size: 30px;
        font-weight: 500;
    }
    .mobile-menu nav#menu ul {
        padding: 90px;
    }
    .inner-content {
        padding: 35px 0 0 0;
    }
    .mobile-menu {
	    position: fixed;
	    width: 100%;
	}
    .single-image-wrapper img{
        max-width: 100% !important;
    }
}
@media only screen and (max-width:991px)
{	
.mobile-menu nav#menu {
    overflow: auto;
    height: 90dvh;
}
.mobile-menu nav#menu ul {
    padding-bottom: 120px !important
}
.mobile-menu {
    overflow: hidden !important;
}
    nav#menu .menu-header-menu-container ul li.menu-item-has-children ul.sub-menu li a {
    padding: 0 !important;
}
	.paintings-imagewrapper {
	    width: 50%;
	}
	.logo img {
	    max-width: 300px;
	    max-height: 60px;
	    margin: 0 auto;
	}
	.logo {
	    text-align: center;
	    position: relative;
	}
	nav#menu {
	    display: none;
	}
	.hamburger i {
	    font-size: 26px;
        cursor: pointer;
	}
	.hamburger {
	    display: block;
	    position: absolute;
	    right: 30px;
	    top: 46%;
	    transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
        width: 20px;
	    height: 20px;
	    z-index: 999;
	}
	header#header {
	    position: relative;
	}
	.mobile-menu nav#menu {
        display: block;
        background: #fff;
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        max-width: 100%;
        z-index: 9;
	}
	body {
	    position: relative;
	}
	.mobile-menu nav#menu li {
	    display: block;
	    width: 100%;
	    padding: 0 0 30px 0;
	}
	.mobile-menu nav#menu ul {
	    display: block;
	    padding: 50px;
	}
    .inner-content p
    {
        padding-bottom: 15px;
    }
 .menu-header-menu-container ul li.menu-item-has-children ul.sub-menu li {
    padding: 0 !important;
}

 .menu-header-menu-container ul li.menu-item-has-children ul.sub-menu li a {
    font-size: 18px !important;
    border:0 !important;
    padding: 0 !important;
}

 nav#menu .menu-header-menu-container ul li.menu-item-has-children ul.sub-menu {
    position: static!important;
    padding: 0 !important;
    box-shadow: 0 0 0!important;
    width: 100%!important;
    text-align: center!important;
    display: block !important;
}
}
@media only screen and (max-width:700px)
{
	.mobile-menu nav#menu li
	{
		padding-bottom: 20px;
	}
	.mobile-menu nav#menu ul
	{
		padding: 30px;
	}
}
@media only screen and (max-width:480px)
{	
	.paintings-imagewrapper {
	    width: 100%;
	    padding: 20px 0;
	}
    .painting-wrapper, .painting-wrapper2
    {
        margin:0;
    }
    .error-page h1.entry-title {
        text-align: center;
        font-size: 20px;
        font-family: 'brandon_textregular';
    }
    .error-page p {
        font-size: 16px;
    }
    .mobile-menu nav#menu ul
	{
		padding: 50px;
	}
}
/*responsive*/
/*18012019*/

/* Date 25-04-2024 */
.wpcf7-form.sent .wpcf7-response-output {
	border: 1px solid #4CAF50 !important;
	color: #4CAF50 !important;
}