/*
Theme Name: Doug Holt Photography
Description: Doug Holt Photography.
Version: 1
Author:Doug Holt Photography
Author URI: http://dougholtphotography.com

Tags: Responsive Layout, HTML5/CSS3/Responsive, Slider, widgets
*/
/*fonts*/
@import url('css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700');

@import url('css/owl.carousel.min.css');

html, body{
    height: 100%;
}

body{
    background: #fff;
    font: 16px 'Work Sans', sans-serif;
    color: rgba(0,0,0,.54);
    margin: 0;
    padding: 0;
    word-wrap: break-word;
    font-weight: 400;
    overflow-x: hidden;
}

a{
    color: #000;
    text-decoration: underline;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

 a:hover{
    text-decoration: none;
    color: #000
}

 a:focus{
    text-decoration: none;
    outline: none;
    color: #000;
}

/*input field*/
input, select, textarea{
    font: 14px 'Trebuchet MS', Helvetica, Arial, sans-serif;
    outline: none;
    color: #0c0c0c;
    display: block;
    width: 100%;
    padding: 14px 10px;
    background-color: #ffffff;
    border: none;
    border: 1px solid #c80012;
    margin-bottom: 15px
}
input:focus, select:focus, textarea:focus{
    border-color: #878484
}

/*submit field*/
input[type='submit']{
    display: block;
    background-color: #c80012;
    font-size: 18px;
    color: #fff;
    border: none;
    text-transform: lowercase;
    cursor: pointer;
    font-weight: 600;
    padding: 14px;
    border-radius: 5px;
    width: 230px;
    margin-top: 20px;

}
input[type='submit']:hover{
    background-color: #c80012
}
input[type='submit']:active{
    background-color: #c80012
}

textarea{
    height: 250px;
    resize:vertical;
}

input[type='checkbox'], input[type='radio']{
    border: none;
    display: inline-block;
    width: auto;
    padding: 0;
    box-shadow: 0 0 0 0
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    color: #afafaf;

}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder{
    color: #bcbcbc;

}
/*select field*/
.btn-default, .btn-default:hover, .btn-default:active{
    color: #afafaf;
    background-color: #fff;
    border-color: #c80012;
    border-radius: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
    color: #878484;
    background-color: #fff;
    border-color: #c80012;
    box-shadow: 0 0 0;

}
.btn{
    padding: 5px 10px;
    font-size: 14px;

}
.bootstrap-select .btn:focus{
    outline: none !important;

}
.dropdown-menu{
    background-color: #fff;
    color: #878484;
    border-color: #878484;

}
.dropdown-menu>li>a{
    color: #878484;

}
.full-width{
    width: 100% !important;

}
.btn-default:hover .caret{
    color: #c80012
}
.caret{
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    color: #c80012;

}
img{
    max-width: 100%;
    height: auto;

}
p{
    padding-bottom: 20px;
    margin: 0;
    line-height: 25px;
}
h1, h2, h3, h4, h5{
    margin: 0 0 20px;
    padding: 0;

}
strong{
    font-weight: 700;
}
/*repeated classes*/
.img img{
    display: block;
    width: 100%
}
.button{
    background-color: #c80012;
    padding: 12px 20px;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    margin: 0 0 15px;
    text-transform: uppercase
}
.button:hover{
    background-color: #c80012;
    color: #fff
}
.button:active, .button:focus{
    background-color: #c80012;
    color: #fff
}

.container-fluid{padding: 0 30px;}

/*--Site header
=====================*/
.mainHeader{
    background: transparent;
    padding: 50px 0 0;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999
}
.logo{
    margin: 0 0 30px;
    padding: 0;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 1.5px;
}
.logo a{color: rgba(0,0,0,.87); text-decoration: none;}
.logo a:hover{color: #000;}
.logo span{
    display: block;
    font-size: 14px;
    padding-top: 5px;
}


/*navigation*/
.navigation{
    padding: 0;
    margin-top: 15vh;
    background-color: transparent;
}
.navigation ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.navigation li{
    text-transform: capitalize;
    position: relative;
    padding-bottom: 20px;
    font-size: 24px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}
.navigation li a{
    color: rgba(0,0,0,.54);
    display: block;
    text-decoration: none;
    letter-spacing: 2px;
}
.navigation li:first-child a{
    font-weight: 600
}
.navigation li:hover>a, .navigation li.current_page_item>a{
    color: #000
}

.navigation li.clientItem{margin-top: 20px;}

/*sub menu*/
.navigation li ul {
    margin: 0;
    padding: 10px 0 0 15px;
/*     -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden; */
}
.navigation li ul li {
    font-size: 16px!important;
    margin: 0 0 10px!important;
    display: block;
    border: none;
    height: auto;
    float: none!important;
    padding: 0!important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.55px;
}
.navigation li ul li a {
    padding: 0;
    display: block;
    color: rgba(0,0,0,.54);
}
.navigation ul li.active ul{
    position: relative;
    display: block;
}

.navigation li.sub-menu-in{
    margin: 0!important;
}
.navigation li:hover ul{
    opacity: 1;
    visibility: visible;
}

.navigation li{
    background-color: #f5f5f5;
}

.home .navigation li{
    background-color: #fff;
}
/* bg slider image */
.bgImageSlider{height: 100%; position: relative}
.bgImageSlider ul{list-style: none; height: 100%; padding: 0; margin: 0}
.bgImageSlider li{height: 100%; width: 100%; background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; padding: 0; margin: 0; background-position: 50%}
.bgImageSlider .bx-wrapper, .bgImageSlider .bx-viewport{height: 100%!important;}

.bgImageSlider .leftBox, .bgImageSlider .rightBox{width: 50%; position: absolute; height: 100%; top: 0; padding: 0 10px;}
.bgImageSlider .leftBox{
    left: 0;
    cursor: w-resize;
    z-index: 5;
}

.bgImageSlider .rightBox{
    right: 0;
    z-index: 5;
    cursor: e-resize;
}

.disabled .leftBox,
.disabled .rightBox{
    display: none;
}

.owl-dots{
    display: none;
}
.home .owl-dots{
    display: block;
}

.owl-dots{
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 20px;
    text-align: center;
    width: 100%;
}
.owl-dots .owl-dot{
    display: inline-block;
    margin: 0 10px
}

.owl-dots span{
    border: 1px solid #000;
    height: 8px;
    width: 8px;
    display: inline-block;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transition: background-color .5s,border-color .5s;
    -o-transition: background-color .5s,border-color .5s;
    transition: background-color .5s,border-color .5s;
}
.owl-dots .owl-dot.active span{
    background-color: #000;
}


/* DIRECTION CONTROLS (NEXT / PREV) */
#slider-prev em:after, #slider-next em:after{display: block; font-family: FontAwesome; position: relative;}
#slider-prev em:hover:after, #slider-next em:hover:after{opacity: 0.8;}
#slider-prev {
    left: 0;
}
#slider-prev em:after{content: "\f053"; left: -2px;}
#slider-prev em {
    right: 0;
}
#slider-next em:after{content: "\f054"; right: -2px;}


#slider-next em, #slider-prev em {
    position: absolute;
    bottom: 50px;
    outline: 0;
    width: 40px;
    height: 40px;
    z-index: 9999;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    color: #16a085;
    text-decoration: none;
    font-size: 22px;
    padding-top: 10px;
    font-style: normal;
}

#slider-next em, #slider-prev em{opacity: 0; z-index: -9}
body:hover #slider-next em, body:hover #slider-prev em{opacity: 1; z-index: 99}

.bgImageSlider li span{
    display: block;
    height: 100%;
    width: 100%;
    background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    padding: 0; margin: 0;
   /* background-position: -200px 50%;*/
    transition: all 2s ease-in-out;
}
.bgImageSlider li span.in,
.bgImageSlider .active span{
    background-position-x: 0;
}
.bgImageSlider .owl-stage-outer,
.bgImageSlider .owl-stage,
.bgImageSlider .owl-item{
    height: 100%;
}

.home .app-menu-burger{
    display: none;
}

/*---content
========================*/
.content{
    padding: 150px 0 50px;
}
.contentIn{max-width: 980px;}
.content ul, .content ol{margin: 0; padding: 0 0 0 20px}
.content li{margin-bottom: 5px;}

#accordion .panel-body{padding: 25px 0}
#accordion h3{font-size: 32px; text-transform: uppercase; color: #000; font-weight: 700;}
#accordion h3 a{color: #000; text-decoration: none; display: block; padding: 10px 0}
#accordion h3 a.collapsed{color: #333}
#accordion h3 a:hover{opacity: .9}
#accordion .panel{background-color: transparent; border: none; color: #000}

ul.linksList{margin: 0; padding: 0; list-style: none}
ul.linksList li{width: 33.3333%; float: left; font-size: 17px;}
ul.linksList li a{text-decoration: none; color: #000}
ul.linksList li a:hover{
    opacity: .9;
}

address{margin: 0; line-height: 28px;}

.wrapper {
    height: 100%;
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
.sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    z-index: 1000;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    width: 215px;
    padding: 10vh 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}
.home .wrapper{
    padding-left: 215px;
}
.home .sidebar{
    left: 0;
}
.sidebar.in{
    left: 0;
    background: #f5f5f5;;
}

.gallery-page{
    position: absolute;
    top: 15%;
    left: 10%;
    width: 80%;
    height: 70%;
}
.bgImageSlider .owl-nav span{
    background-size: contain!important;
    -o-background-size: contain!important;
    -webkit-background-size: contain!important;
    background-position-x: 50%!important;
}

.title-g{
    font-size: 18px;
    color: rgba(0,0,0,.87);
    letter-spacing: 1.5px;
    position: absolute;
    top: 26px;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: 400;
    margin: 0;
}

.menu-burger{
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
    font-size: 18px;
    opacity: .38;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 50;
    transition: all 0.5s ease-in-out;
}
.menu-burger:hover{
    opacity: 1;
}

.gallery-menu{
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    width: 502px;
    height: 100%;
    padding: 36px 0;
    z-index: -1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    transform: translateX(100%);
}
.gallery-menu.in{
    right: 0;
    z-index: 30;
    opacity: 1;
    transform: translateX(0);
}
.gallery-menu h2{
    font-size: 18px;
    color: rgba(0,0,0,.87);
    letter-spacing: 1px;
    padding: 0 80px;
    font-weight: 400;
}

.gallery-menu .menu-list{
    margin-top: 105px;
    padding: 0 80px;
    max-height: calc(100% - 110px);
    overflow-y: auto;
}

.gallery-menu .menu-header{
    font-weight: 700;
    font-size: 13px;
    color: rgba(0,0,0,.87);
    letter-spacing: 1.26px;
    line-height: 13px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,.24);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

.gallery-menu .menu-order {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
}
.gallery-menu .menu-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-left: 8%;
    position: relative;
}
.gallery-menu .menu-client {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
}

.gallery-menu .menu-item{
    font-size: 14px;
    color: rgba(0,0,0,.87);
    letter-spacing: .5px;
    line-height: 20px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0,0,0,.24);
    cursor: pointer;
    -webkit-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
    will-change: background;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.gallery-menu .menu-item .menu-order{
    text-align: center;
}
.gallery-menu .menu-dot{
    position: absolute;
    left: -14px;
    top: 8px;
    width: 6px;
    height: 6px;
    border: 1px solid rgba(0,0,0,.87);
    border-radius: 100px;
    display: block;
}

.gallery-menu .menu-item.active .menu-dot{
    background-color: rgba(0,0,0,.87);
}

.gallery-menu .menu-item:hover {
    background: #f8f8f8;
}

.title-g,
.gallery-page,
.count-footer{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.active-gallery-menu .gallery-page{
    left: -50px;
}
.fade-out-block{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: hsla(0,0%,100%,.7);
    z-index: -1;
    opacity: 0;
    transition: all 0.8s ease-in-out
}
.fade-out-block.in{
    opacity: 1;
    z-index: 25;
}

.count-footer {
    position: absolute;
    left: 0;
    bottom: 26px;
    height: 17px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    color: rgba(0, 0, 0, .87);
    letter-spacing: 1.2px;
    width: 100%;
    padding: 0 26px;
}

.count-footer #counter{
    position: relative;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
.count-footer #counter span{
    width: 100%;
    position: absolute;
    transform: translateY(20px);
    left: 0;
    transition: all 0.4s ease-in-out
}
.count-footer #counter span.active{
    transform: translateY(0);
}

.count-footer #counter .total{
    padding-left: 5px;
}

.count-footer .count-name-wrapper{
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    min-width: 270px;
    min-height: 17px;
    position: relative;
}
.count-footer .count-name-wrapper span{
    transform: translateY(20px);
    left: 0;
    transition: all 0.4s ease-in-out;
    position: absolute;
}
.count-footer .count-name-wrapper span.active{
    transform: translateY(0);
}


.menu-burger .arrow{
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.app-menu-burger .arrow {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
}


.app-menu-burger {
    position: absolute;
    top: 26px;
    left: 26px;
    cursor: pointer;
    width: 35px;
    height: 14px;
    opacity: .38;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    z-index: 20;
}
.app-menu-burger:hover {
    opacity: 1;
}

.blackCurtain {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    will-change: opacity;
    pointer-events: none;
    transition: all 0.8s ease-in-out;
}
.blackCurtain.active {
    opacity: .2;
    pointer-events: auto;
    z-index: 20;
}

.active-sidebar-menu .app-menu-burger{
    z-index: 2000;
}

.app-menu-burger .arrow,
.app-menu-burger .line1,
.app-menu-burger .line3 {
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s,-webkit-transform .6s;
}
@media (min-width: 767px) {
    .active-sidebar-menu .app-menu-burger .arrow{
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .active-gallery-menu .title-g{
        left: -200px;
    }
    .active-sidebar-menu .gallery-page{
        left: 180px;
    }
    .active-sidebar-menu .title-g{
        left: 50px;
    }
    .active-sidebar-menu .menu-burger{
        right: -20px;
    }
    .active-sidebar-menu .count-footer{
        left: 180px;
    }
}

.active-sidebar-menu .app-menu-burger .line1,
.active-sidebar-menu .app-menu-burger .line3{
    -webkit-transform: translate3d(11px,0,0);
    transform: translate3d(11px,0,0);
}


.progress {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #fff;
    padding: 0;
    margin: 0;
    border-radius: 0;
}
.bar {
    background-color: #000;
    width:0%;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.percent
{
    position:absolute;
    display:inline-block;
    top:3px;
    left:48%;
}

/*.home .owl-nav{
    display: none!important;
}*/

/*--Site footer
=====================*/
.mainFooter p{
    padding: 0;
    font-size: 12px;
    color: #666;
}

.video{position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; padding-top: 30px;}
.video iframe,
.video object,
.video embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.talksDetails .video{max-width: 700px; padding-bottom: 30%}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    margin: 0 0 10px 15px;
    float: right;
}

img.alignleft {
    margin: 0 15px 10px 0;
    float: left;
}

.alignright {
    float: right;
}


.gallery-page .item img{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.social-links{
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}
.social-links ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.social-links li{
    display: inline-block;
    margin: 0 5px;
}
.social-links a{
	color: rgba(0,0,0,.54);
	font-size:20px;
}
.social-links a:hover{
	color: rgba(0,0,0,1)
}

@media (max-width: 767px) {
.social-links{
	display: none
}
}

#pgafu-post-filtr-1 .pgafu-post-image-bg img {
    height: auto;
    width: auto !important;
    /* object-fit: cover; */
    object-position: center;
    padding: 0px 8px 0px 8px;
}
#pgafu-post-filtr-1 .pgafu-columns .pgafu-post-image-bg {
    line-height: 184px;
	border: 1px solid #e4e2e2;
	background:transparent !important;
}
.pgafu-filter-wrp .pgafu-filter{
	text-align: left;
	border-top: 1px solid rgba(140, 137, 137, 0.54);
    border-bottom: 1px solid rgba(140, 137, 137, 0.54);
}
.pgafu-filter-wrp ul{
	padding-left:2px !important;
}
.pgafu-filter-wrp ul li a{
	background: #fff;
	border-top: 3px solid #fff;
}
.pgafu-filter li.pgafu-active-filtr a, .pgafu-filter li a :hover {
     background: #fff;
     color: rgba(0,0,0,.54);
     border-top: 3px solid #000;
}
.pgafu-filtr-container{
	    padding: 35px 0 0 0 !important;
}
.pgafu-filtr-container .pgafu-post-date, .pgafu-filtr-container .pgafu-post-content, .pgafu-post-categories,.pgafu-post-title{
	display:none !important;
}
.page-id-1041 .wrapper{
    overflow-x: visible !important;
}
.our-clients {
    margin: 0 auto !important;
    width: 77% !important;
}

/*--gallery
=====================*/

#gallery {
padding-top: 40px;
@media screen and (min-width: 991px) {
padding: 60px 30px 0 30px;
}
}

.img-wrapper {
position: relative;
margin-top: 15px;
img {
width: 100%;
}
}
.img-overlay {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
i {
color: #fff;
font-size: 3em;
}
}

#overlay {
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
z-index: 999;
// Removes blue highlight
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
img {
margin: 0;
width: auto;
height: 500px;
object-fit: contain;
padding: 5%;

}
}

#nextButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}

#prevButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}
}

#exitButton {
color: #fff;
font-size: 2em;
transition: opacity 0.8s;
position: absolute;
top: 15px;
right: 15px;
&:hover {
opacity: 0.7;
}
@media screen and (min-width:768px) {
font-size: 3em;
}

}
.img-wrapper img{
width:100%
}
#gallery #overlay img{
width: auto;
height: 500px;
}
@media screen and (max-width:768px) {
#gallery #overlay img{
    width: 75%;
height:auto !important;
}
.product-grid{
   height:auto !important;
}
.lb-overlay a.lb-close{
    right: 35px !important;
}
.lb-overlay:target{
    padding: 80px 30px 120px 30px !important;
}
}
@media screen and (max-width:480px) {
.product-grid{
    width: 100%;
    text-align: center;
}
}
.product-grid {
margin-bottom: 12px;
/* height: 151px;
overflow: hidden; */
}
#nextButton{
padding-left:25px;
}
#prevButton{
padding-right:25px;
}

.lb-album{
display: table;
margin: 0 auto;
font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
}
.lb-album li {
float: left;
margin: 5px;
position: relative;
}
.lb-album li > a,
.lb-album li > a img{
display: block;
}
.lb-album li > a{
width: 150px;
height: 150px;
position: relative;
padding: 10px;
background: #f1d2c2;
-webkit-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
-moz-box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
box-shadow: 1px 1px 2px #fff, 1px 1px 2px rgba(158,111,86,0.3) inset;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px 4px 4px 4px;
}
.lb-album li > a span{
position: absolute;
width: 150px;
height: 150px;
top: 10px;
left: 10px;
text-align: center;
line-height: 150px;
color: rgba(27,54,81,0.8);
text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
font-size: 24px;
opacity: 0;
filter: alpha(opacity=0); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
background: rgb(241,210,194);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
-webkit-transition: opacity 0.3s linear;
-moz-transition: opacity 0.3s linear;
-o-transition: opacity 0.3s linear;
-ms-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.lb-album li > a:hover span{
opacity: 1;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-overlay{
display: none;
width: 0px;
height: 0px;
position: fixed;
overflow: hidden;
left: 0px;
top: 0px;
padding: 0px;
z-index: 99;
text-align: center;
background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(0,0,0,) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(241,210,194,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,) 100%);
background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(0,0,0,) 100%);
}
.lb-overlay > div{
/* position: relative; */
color: rgba(27,54,81,0.8);
text-align:center;
height: 80px;
margin: 40px auto 0px auto;
text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
}
.lb-overlay div h3,
.lb-overlay div p{
padding: 0px 20px;
width: 200px;
height: 60px;
}
.lb-overlay div h3{
font-size: 36px;
float: left;
text-align: right;
border-right: 1px solid rgba(27,54,81,0.4);
}
.lb-overlay div h3 span,
.lb-overlay div p{
font-size: 16px;
font-family: Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
font-style: italic;
}
.lb-overlay div h3 span{
display: block;
line-height: 6px;
}
.lb-overlay div p{
font-size: 14px;
text-align: left;
float: left;
width: 260px;
}
.lb-overlay a.lb-close {
background: none;
z-index: 1001;
color: #000;
position: absolute;
top: 43px;
font-weight: bold;
right: 115px;
font-size: 25px;
line-height: 31px;
text-align: center;
/* width: 50px; */
/* height: 23px; */
overflow: hidden;
margin-left: -25px;
text-decoration: none;
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
}
.lb-overlay img{
/* height: 100%; For Opera max-height does not seem to work */
max-height: 100%;
position: relative;
opacity: 0;
filter: alpha(opacity=0); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
-webkit-transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-o-transition: opacity 0.5s linear;
-ms-transition: opacity 0.5s linear;
transition: opacity 0.5s linear;
}
.lb-prev, .lb-next{
width: 24px;
height: 25px;

opacity: 0.8;
filter: alpha(opacity=80); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; /*IE8*/
}
.lb-prev:hover, .lb-next:hover{
opacity: 1;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.lb-prev{
/* margin-left: -30px; */

}
.lb-next{
/* margin-left: 6px; */

}
.lb-overlay:target {
width: auto;
height: auto;
bottom: 0px;
right: 0px;
padding: 80px 100px 120px 100px;
}
.lb-overlay:target img,
.lb-overlay:target a.lb-close{
opacity: 1;
filter: alpha(opacity=99); /* internet explorer */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
/*
100% Height for Opera as the max-height seems to be ignored, not optimal for large screens
http://bricss.net/post/11230266445/css-hack-to-target-opera
*/
x:-o-prefocus, .lb-overlay img {
height: 100%;
}
pre {
text-align: left;
width: 320px;
margin: 20px auto;
border: 5px solid #555;
padding: 12px 18px;
background: #222;
color: #fff;
}
.lb-overlay {
display: none;
}
.lb-overlay:target {
display: block;
}
.product-grid_text a {
padding: 0 15px;
}
.product-grid_text i {
font-size: 30px;
color: #000;
}


@font-face { 
font-family: Uniform Black; 
src: url(https://20ilzwcsv62383dzd2iwq35l-wpengine.netdna-ssl.com/wp-content/themes/dougholtphotography/fonts/Uniform/Uniform Black.ttf); 
font-weight: normal; 
}
@font-face { 
font-family: Uniform Bold; 
src: url(https://20ilzwcsv62383dzd2iwq35l-wpengine.netdna-ssl.com/wp-content/themes/dougholtphotography/fonts/Uniform/Uniform Bold.ttf); 
font-weight: normal; 
}
@font-face { 
font-family: Uniform Condensed; 
src: url(https://20ilzwcsv62383dzd2iwq35l-wpengine.netdna-ssl.com/wp-content/themes/dougholtphotography/fonts/Uniform/Uniform Condensed.ttf); 
font-weight: normal; 
}
@font-face { 
font-family: Uniform Light; 
src: url(https://20ilzwcsv62383dzd2iwq35l-wpengine.netdna-ssl.com/wp-content/themes/dougholtphotography/fonts/Uniform/Uniform Light.ttf); 
font-weight: normal; 
}
@font-face { 
font-family: Uniform Medium; 
src: url(https://20ilzwcsv62383dzd2iwq35l-wpengine.netdna-ssl.com/wp-content/themes/dougholtphotography/fonts/Uniform/Uniform Medium.ttf); 
font-weight: normal; 
}
@font-face { 
font-family: Uniform Ultra; 
src: url(https://20ilzwcsv62383dzd2iwq35l-wpengine.netdna-ssl.com/wp-content/themes/dougholtphotography/fonts/Uniform/Uniform Ultra.ttf); 
font-weight: normal; 
}
@font-face { 
font-family: Uniform; 
src: url(https://20ilzwcsv62383dzd2iwq35l-wpengine.netdna-ssl.com/wp-content/themes/dougholtphotography/fonts/Uniform/Uniform.ttf); 
font-weight: normal; 
}


.navigation li a { 
font-family: "Uniform Medium", Arial, sans-serif !important; 
}
body { 
font-family: "Uniform", Arial, sans-serif; 
}