/*
Theme Name: Kordex Child Theme
Description: Child theme for Kordex Photography Theme
Author: Patrick
Template: kordex
*/

/* Change color of arrows in fullscreen fotorama */
.fotorama__arr.fotorama__arr--prev,
.fotorama__arr.fotorama__arr--next {
    color: #b29c73;
}

.fotorama__arr.fotorama__arr--prev:hover,
.fotorama__arr.fotorama__arr--next:hover {
    background: rgba(255, 255, 255, 1);
    color: #b29c73;
}

/* Change color of buttons in fullscreen homepage */
.positionaware-button {
    border: 2px solid #b29c73;
    background: #b29c73;
    opacity: 0.6;
    color: #fff;
}
.positionaware-button:hover {
    color: #b29c73;
    background: #f0f6ff;
    opacity: 0.8;
    border-color: #f0f6ff;
}
.fullscreen-slide-dark .positionaware-button {
    color: #b29c73;
    opacity: 0.6;
    background: #f0f6ff;
    border: 2px solid #f0f6ff;
}
.fullscreen-slide-dark .positionaware-button:hover {
    color: #f0f6ff;
    background: #b29c73;
    opacity: 0.8;
    border-color: #b29c73;
}

/* Change style for Recently in Portfolio Heading */
.portfolio-section-heading h2 {
    color: #b29c73;
    font-weight: 400 !important;
    padding: 60px 30px !important;
}

/* Change events dates overlay color */
.events-summary-wrap {
    background: rgba(120, 102, 67, 0.4) !important;
}

/* Change color of arrows in Recently in Portfolio */
.owl-next,
.owl-prev {
    color: #b29c73 !important;
    background-color: rgba(255, 255, 255, 0.7); 
} 
.owl-next:hover, .owl-prev:hover {
    background: rgba(120, 102, 67,0.6) !important;
    color: #fff !important;
}

/* Change color of icons in Recently in Portfolio */
.portfolio-end-block .column-gridblock-icon::after {
    border: 2px solid rgba(120, 102, 67,1);
}
.portfolio-end-block .column-gridblock-icon:hover::after {
    background: rgba(240, 246, 255, 1);
    border: 2px solid rgba(120,102,67,0.4);
}
.portfolio-end-block .column-gridblock-icon i {
    color: white;
}
.portfolio-end-block .column-gridblock-icon:hover i {
    color: #b29c73;
}

/* Increase size of images displayed in lightbox on phones */
@media only screen and (max-width: 767px) {
   .mtheme-lightbox.lg-outer .lg-image {
    max-height: -webkit-calc(100% - 10px) !important;
    max-height: -moz-calc(100% - 10px) !important;
    max-height: calc(100% - 10px) !important;
    margin-top: 5px !important;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
   .mtheme-lightbox.lg-outer .lg-image {
    max-height: -webkit-calc(100% - 10px) !important;
    max-height: -moz-calc(100% - 10px) !important;
    max-height: calc(100% - 10px) !important;
    margin-top: 5px !important;
  }
}

/* Fix 404 error /wp-content/themes/kordex/css/images/preload-circle.png */
.mtheme-lightbox.lg-outer .lg-item {
	background: transparent !important;
}