/*
Theme Name: Pique-child
Author: 
Description: Your description goes here
Version: 1.0
Template: pique-wpcom

This is the child theme for Pique theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

 
.site {
    background-color: white;
}

.elementor-128 #section-2 .widget-image-caption {
    position: absolute;
    transform: rotate(-90deg);
    bottom: 135px;
    left: 0;
    margin-left: 110px;
}

.main-navigation a {
	font-size: 20px;
}


@media (min-width: 1025px) {
	
	.main-navigation a {
		padding: 40px 40px;
		font-size: 30px;
	}

    .elementor-128 #section-3 #full-image::after {
        content: '';
        width: 3px;
        position: absolute;
        top: 0;
        background-color: #8D9182;
        right: 5px;
        bottom: 70px;
        margin-left: 84px;
    }
	.elementor-128 .elementor-element.elementor-element-42f7d7c .elementor-heading-title {
		word-spacing: 8px;
	}
}

.elementor-128 #section-3 #gallery-images figure {
    padding-left: 10px;
    padding-right: 10px;
	padding-top: 6px;
    padding-bottom: 15px;
}

.elementor-128 #section-3 #gallery-images figcaption {
    display: none;
}

.elementor-128 #section-3 #gallery-images .elementor-image-gallery .gallery-item img {
    margin-left: 10px;
    width: 100%;
    max-height: 140px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}

@media (max-width: 1024px) and (min-width: 768px) {
  .elementor-128 #section-3 #gallery-images .elementor-image-gallery .gallery-item img {
    max-height: 300px;
  }
}

@media (max-width: 767px) and (min-width: 580px) {
  .elementor-128 .elementor-element.elementor-element-42f7d7c .elementor-heading-title {
    font-size: 35px !important;
  }
}

@media (max-width: 440px){
  .elementor-128 .elementor-element.elementor-element-42f7d7c .elementor-heading-title {
    font-size: 16px !important;
  }
	
  .elementor-128 .elementor-element.elementor-element-514544f .elementor-heading-title {
    font-size: 13px !important;
 }
}


.elementor-128 #section-3 #full-image figcaption {
    text-align: left;
    padding-left: 20px;
}

.elementor-128 #section-4 .column-2 {
    left: 20px;
}    

.elementor-128 #section-5 #gallery-2 img {
    width: 230px;
    height: 350px;
}

.elementor-128 #section-5 #gallery-2 figure {
    padding-bottom: 10px;
    padding-left: 10px;
}


footer {
    display: none;
}

.pique-frontpage #masthead {
    position: relative;
}

#masthead {
    height: 1145px;
}

.pique-panel {
    background-color: unset;
}
.my-dot {
    display: flex;
    justify-content: center;			
}
.my-dot li {
    width: 30px;
    margin: unset;
    cursor: pointer;
}

.my-dot button {
    display: none;
}

.my-dot li.slick-active {
    color: #F0AFB3;
}

.slick-prev,
.slick-next {
    position: absolute;
    bottom: 0;
    z-index: 9;
}

.slick-prev:not(.slick-disabled):hover,
.slick-next:not(.slick-disabled):hover {
    cursor: pointer;
    color: #CA9397;
}

.slick-prev {
    left: 0;
    z-index: 9;
	margin-left: 5px;
}
.slick-next {
    right: 5px;
    z-index: 9;
}

.post-slider figure {
    padding-left: 5px;
    padding-right: 5px;
}

#gallery-images .slick-prev {
    left: 60px;
}

#gallery-images .slick-next {
    right: 80px;
}

@media (max-width: 600px) {
    .my-dot {
        left: 15px;
        position: relative;
    }
    .my-dot li {
        width: 20px;
    }
    #gallery-images .slick-prev,
    #gallery-images .slick-next {
        bottom: -16px;				
    }
    #gallery-images .slick-next {
        right: 0px;
    }
    #gallery-images .slick-prev {
        left: 0px;
    }
}

@media (max-width: 767px) {
    .elementor-image-gallery .gallery.gallery-columns-3 .gallery-item {
        width: 33% !important;
    }
}


#full-image-old {
    display: none;
}

#full-image img {
    width: auto;
    max-height: 450px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
}

.post-slider:not(#slider-3) {
    text-align: justify;
}

@media (max-width: 1024px) {
	
    #full-image .gallery {
        padding: 30px 10px 10px 10px;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }

    #full-image2 .gallery:before {
        content: '';
        width: 50px;
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        border-top-color: #d9d9d9;
        border-top-style: solid;
        border-left-color: #d9d9d9;
        border-left-style: solid;
    }
    #full-image2 .gallery:after {
        content: '';
        width: 50px;
        height: 50px;
        position: absolute;
        bottom: 0;
        right: 0px;
        border-bottom-color: #d9d9d9;
        border-bottom-style: solid;
        border-right-color: #d9d9d9;
        border-right-style: solid;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-column,
    .elementor-12877 .elementor-element.elementor-element-a6b54e6 {
        width: 100% !important;
    }
}

@media (max-width: 800px) {
	
	.main-navigation li {
		display: block;
	}

    #site-navigation-wrapper {
        width: 160px;
        top: 15px;
        right: 0;
    }

    #site-navigation-wrapper:hover {
        top: -5px;
    }

    #primary-menu {
        text-align: left;
    }

    #site-navigation22 {
        cursor: pointer;
    }

    #site-navigation22:hover {
        padding-top: 20px;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }

    #site-navigation22:not(:hover) .menu-general-menu-container {
        display: none;
    }

    #site-navigation22:not(:hover) {
        background-color: unset;	
    }

    #moby-menu-icon span {
        position: relative;				
        top: 5px;
        display: block;
        height: 5px;
        width: 30px;
        margin-left: auto;
        margin-top: 5px;
        margin-right: 15px;
    }
    #site-navigation22:not(:hover) #moby-menu-icon span {
        background-color: white;
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }

    #site-navigation22:hover #moby-menu-icon span {
        background-color: #9b9b9b91;
    }
}

#full-image figure {
    position: relative;
	padding: 7px;
}

strong {
	color: black;
}

.content-area {
	width: 100% !important;
}


#masthead {
    background-color: white;
}

.pique-header img {
    width: 100%;
}

#site-navigation-wrapper {
    bottom: unset;
}

.main-navigation {
    border: unset;
    background-color: #4D533B;
}

.main-navigation a {
    color: white;
	text-transform: unset;
}