/*
Theme Name:		 LJR Films
Theme URI:		 https://lukerodgersfilms.co.uk
Description:	 LJR Films is a child theme for Divi
Author:			 Primitive Digital
Author URI:		 https://primitivedigital.co/
Template:		 Divi
Version:		 1.0.0
Text Domain:	 ljrfilms
*/


/*
    Add your custom styles here
*/

/* GLOBAL */

h1, h2, h3, h4 {
  font-weight: 800 !important;
  text-transform: uppercase;
 }

/* HEADER */

#main-header {
  background-color: rgba(255,255,255,0);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
  box-shadow: 0 1px 0 rgba(0,0,0,0);
}

.page .et-fixed-header#main-header {
  background-color: rgba(255,255,255,1);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1) !important;
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1) !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.1) !important;
}

.home #main-header, .home #main-header .nav li ul, .home #main-header .et_mobile_menu, .page-id-29 #main-header, .page-id-29 #main-header .nav li ul, .page-id-29 #main-header .et_mobile_menu, .page-id-31 #main-header, .page-id-31 #main-header .nav li ul, .page-id-31 #main-header .et_mobile_menu {
  background-color: rgba(255,255,255,1);
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
  box-shadow: 0 1px 0 rgba(0,0,0,.1);
}

.logo-text {
  text-transform: uppercase;
  font-size: 28px;
  line-height:28px;
  font-weight: 800;
  vertical-align: middle;
}

.logo-text-luke {
  color: #ffffff;
}

.home .logo-text-luke, .page-id-29 .logo-text-luke, .page-id-31 .logo-text-luke {
  color: #333333;
}

.page .et-fixed-header#main-header .logo-text-luke {
  color: #333333;
}

.logo-text-films {
  color: #dcdcdc;
}

#top-menu a  { color: rgba(255,255,255,.9) }
.et-fixed-header #top-menu a { color: rgba(0,0,0,.6) }

.home #top-menu a, .page-id-29 #top-menu a, .page-id-31 #top-menu a { color: rgba(0,0,0,.6); }

.home .mobile_menu_bar:before, .page-id-29 .mobile_menu_bar:before, .page-id-31 .mobile_menu_bar:before { color: #333333; }

/** MOBILE MENU**/

.et_mobile_menu > li > a, .et_mobile_menu li li a, .et_mobile_menu > .current-menu-item > a {
	font-weight: normal !important;
	text-transform: uppercase !important;
}

#mobile_menu { display: block !important; min-height: 100vh; top: 0; border-top: none; padding-top: 80px; z-index: 9998; }

.mobile_nav.closed #mobile_menu {
 transform: rotateY(90deg); -webkit-transform: rotateY(90deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: #fff; transition: .8s ease-in-out !important; }

.mobile_nav.opened #mobile_menu {
 transform: rotateY(0deg); -webkit-transform: rotateY(0deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: #333; transition: .8s ease-in-out; }

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d"; color: #ffffff; }

.et_mobile_menu li a { color: #ffffff; }

@media(max-width: 980px) {

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; padding-right: 30px; }

#main-header .container.clearfix.et_menu_container { width: 100%; max-width:100% }

.logo_container { padding-left: 30px; }

#et-top-navigation { padding-right: 30px; }

}

@media(max-width: 980px) {

.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; padding-right: 0; }

}

@media(min-width: 341px) {

#mobile_menu { width: 240px; margin-left: calc(100% - 240px); }

}

@media(max-width: 340px) {

#mobile_menu { width: 100%; margin-left: 0; }

}

/* FOOTER */

#footer-info {
  font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif !important;
}


/* GALERY MODULE */

.gallery-grid div.et_pb_gallery_item {
    margin:0px !important;
    width:50% !important;
}

/* remove or replace the overlay */
.gallery-grid span.et_overlay {

    /* switch off overlay */
    display:none;

    /* change overlay colour */
    /* background-color:black; */
    /* opacity:0.2 !important; */
}

/* remove icon - removing the overlay does this anyway */
/* .gallery-grid span.et_overlay::before {  */
/*     display:none; */
/* } */

.gallery-grid div.et_pb_gallery_item {
    border: 1px solid transparent;
}


@media (min-width: 680px) {
/* allow hover effects only on non-mobiles */

    .gallery-zoom img {
        transition:all 0.5s;
        -moz-transition:all 0.5s;
        -webkit-transition:all 0.5s;
    }

    .gallery-zoom img:hover {
        transform:scale(1.1);
        -moz-transform:scale(1.1);
        -webkit-transform:scale(1.1);
    }

    .gallery-grid div.et_pb_gallery_image, .gallery-grid div.et_pb_gallery_items {
        overflow:hidden !important;
    }

    .gallery-grid div.et_pb_gallery_image:hover {
        z-index:999;
    }

    .gallery-grid img:hover {
        box-shadow: 8px 8px 14px rgba(0, 0, 0, 0.2) !important;
    }
}

@media (max-width: 980px) {
    .gallery-grid div.et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:33% !important;
    }
}

@media (max-width: 780px) {
    .gallery-grid div.et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:50% !important;
    }
}

@media (max-width: 680px) {
    .gallery-grid div.et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:100% !important;
    }
}

/* HOMEPAGE */

.planbar {
  padding-top: 0.6rem;
}

.planbar::before {
    display: block;
    content: '';
    width: 70px;
    width: 3.125rem;
    border-top: 6px solid #111;
    border-top: 0.375rem solid #111;
    padding-top: 18px;
    padding-top: 0.6rem;
  }

  .planbar-light::before {
      border-top: 6px solid #fff;
      border-top: 0.375rem solid #fff;
  }

.home .et_pb_blurb .et_pb_blurb_description { display: none; }
.home .et_pb_blurb:hover .et_pb_blurb_description { display: block; color: #fff; }

/*Divi Blurb Module hover effects by yatesdesign.com.au*/
.blurb-hover .et_pb_column:hover {
 background: transparent;
}

.blurb-hover .et_pb_blurb p {
 zoom: 1;
 filter: alpha(opacity=0);
 -webkit-transition: opacity .2s,-webkit-transform .35s;
 transition: opacity .2s,transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}

.blurb-hover .et_pb_column:hover p {
 color: #fff;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 zoom: 1;
 filter: alpha(opacity=1);
 opacity: 1;
}

.blurb-hover .et_pb_column h4 { color: #ffffff; }

.blurb-hover .et_pb_column:hover h4 {
 color: #dc1d49;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}

.blurb-hover .et_pb_blurb h4 {
 -webkit-transition: -webkit-transform .35s;
 transition: transform .35s;
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}

.blurb-hover .et_pb_column:hover .et-pb-icon {
 background-color: transparent !important;
 color: #fff !important;
 border-color: #fff !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
}

.blurb-hover .et_pb_blurb .et-pb-icon {
 background: transparent !important;
 -webkit-transition-delay: .05s;
 transition-delay: .05s;
 -webkit-transition-duration: .35s;
 transition-duration: .35s;
 -webkit-transform: translate3d(0,0,0);
 transform: translate3d(0,0,0);
 -webkit-transform: translate3d(0,40px,0);
 transform: translate3d(0,40px,0);
}

.blurb-hover .et_pb_column {
 position: relative;
}

.blurb-hover .et_pb_button {
 zoom: 1;
 filter: alpha(opacity=0);
 opacity: 0;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

 .et_pb_blurb_description {
   width: 70%;
   margin: 0 auto;
 }

 .et_pb_blurb {
   min-height: 254px;
 }

 .et_pb_blurb_content {
   min-height: 300px;
   padding-top: 50px;
   padding-bottom: 50px;
   z-index: 999;
 }

 .et_pb_blurb_content:hover {
   background: rgba(0,0,0,0.5);
 }

 /*Divi Text Module styling */

 .et_pb_text ul {
   list-style-type: square;
 }

 /*** Responsive Styles Large Desktop And Above ***/
 @media all and (min-width: 1405px) {

 }

 /*** Responsive Styles Standard Desktop Only ***/
 @media all and (min-width: 1100px) and (max-width: 1405px) {

 }

 /*** Responsive Styles Tablet And Below ***/
 @media all and (max-width: 980px) {

 }

 /*** Responsive Styles Tablet Only ***/
 @media all and (min-width: 768px) and (max-width: 980px) {

 }

 /*** Responsive Styles Smartphone Only ***/
 @media all and (max-width: 767px) {

 }

 /*** Responsive Styles Smartphone Portrait ***/
 @media all and (max-width: 479px) {
   .logo-text {
     font-size: 25px;
     line-height:25px;
   }
   .logo-text-films {
     display: none;
   }
 }