/*
Theme Name: CCMW
Author: Russell Nagel
Author URI: www.lionmarketing.com
Description: Theme Created For CCMW
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: ccmw
*/

/*-----------------------------------*/
/*------- Global Styles Start -------*/
/*-----------------------------------*/

.text-left{text-align: left;}
.wp-block-video {
	max-width: 1080px !important;
	margin: 20px auto !important;
}

  
h1,h2,h3,h4,h5,h6,strong,a{font-family: 'Montserrat', sans-serif;}

.text-orange{color:#b25718 !important;}
.text-white{color:#ffffff !important;}

.bg-orange{background-color:#b25718 !important;}
.bg-white{background-color:#ffffff !important;}
.bg-black{background-color:black !important;}
.bg-grey{background-color: #f0f0f0 !important;}
.bg-dark-grey{background-color: #3d3d3d !important;}

.overlay-blue{background-color: rgba(52,35,88,0.8);}
.overlay-orange{background-color: rgba(178,87,24,0.8);}
.overlay-blue{background-color: rgba(52,35,88,0.8);}

.text-upper{text-transform: uppercase;}

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

 hr {
    height: 5px !important;
    width: 70%;
    opacity: 1 !important;
    margin: 10px auto !important;
  }
  
/*-------- Global Styles end --------*/


/*-----------------------------------*/
/*------- Header Styles Start ------*/
/*-----------------------------------*/


#main-nav {
    position: absolute;
    z-index: 9;
    width: 100%;
    background-color: rgba(0,0,0,0) !important;
  }

#main-nav a {
    display: block;
    padding: 10px;
    color: black !important;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 2px solid rgba(0,0,0,0);
  }
  #menu-main-menu li:nth-child(-n + 2) a{ color: white !important; }
  #menu-main-menu li:nth-last-child(-n + 2) a{ color: black !important; }

  #menu-main-menu li a:hover,  #menu-main-menu li a:active{ border-bottom: 2px solid; }


  #menu-main-menu {padding-left: 5%; }
  
	.nav-soclia{display: flex !important;}
#main-nav .nav-social a:hover{color: white !important;}
#main-nav .nav-social i{font-size: 20px;}

/*------- Header Styles end --------*/


/*-----------------------------------*/
/*------- Footer Styles Start ------*/
/*-----------------------------------*/

.footer-social {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
}
    


.footer-social a {
    color: white;
    font-size: 25px;
    padding: 0 8px;
  }
  
/*------- Footer Styles end --------*/

/*-----------------------------------*/
/*------- Service Styles Start ------*/
/*-----------------------------------*/

#service-page .row p {
    padding: 30px 20%;
    font-size: 20px;
    margin-bottom: 0;
}
  
#service-page .row p:first-child{
    background: black;
    color: white;
}
#service-page .row p:nth-child(2), #service-page .row .service-process{
    background: #ededed !important;
    color: #b25718 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}
    
/*------- Service Styles end --------*/


/*-----------------------------------*/
/*----- Front Page Styles Start -----*/
/*-----------------------------------*/

#front-content p {font-size: 1.2rem;}
.service-block{
    width: 100%;
    padding-top: 100%;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.service-block .service-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    mix-blend-mode: darken;
    opacity: 1;
    transition-duration: 1000ms;
	border-radius: 100%;
}
.service-block .service-overlay:hover{
    opacity: 0;
}
.service-info a{
    color: grey;
    text-decoration: none;
}
.service-info a:hover{ color: #b25718;}

.experience-text p{
    font-size: 1.25rem;
    padding: 2% 20%;
}
.experience-text, .experience-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
 
.experience-text, .collection-content{
    min-height: 400px;
    background-position: center;
    background-size: cover;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
}
.collection-content .black-overlay{
    background-color: rgba(0,0,0,0.7);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.collection-content .gallery-text{z-index: 2;}
#collection img{max-width:80px}
#collection a{
    padding: 6px;
    text-decoration: none;
}

/*----- Front Page Styles End -------*/

/*-----------------------------------*/
/*------ Contact Styles Start -------*/
/*-----------------------------------*/

.detail-image{
    position: relative;
    background-size: cover;
    background-position: center;
}
.detail-image img{
    max-width: 200px;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.frm_submit { text-align: end; }
  
/*------- Contact Styles End --------*/

/*-----------------------------------*/
/*----- Responsive Styles Start -----*/
/*-----------------------------------*/



@media only screen and (max-width: 1199px){
}  


@media only screen and (max-width: 991px){
    .footer-brand img{max-width: 250px;}
    .footer-logo {
        justify-content: center;
        margin-bottom: 10px;
    }
    .footer-info{text-align: center;}
}
@media only screen and (max-width: 781px){

}
@media only screen and (max-width: 767px){

    #mynavbar {
        position: absolute;
        top: 100%;
        background: rgba(0,0,0,0.7);
        width: 100%;
        left: 0;
        text-align: center;
    }
    #mynavbar ul{padding: 20px !important;}
    #menu-main-menu li:nth-last-child(-n+2) a{color: white !important;}
    .navbar-toggler {
        margin-left: auto;
        padding: 4px !important;
    }
    .menu-block{display: flex;}
    .navbar-toggler-icon {width: 30px;}
    #main-nav .nav-social {display: none !important;}
  
    #main-foot .copywrite .row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .footer-social {justify-content: center;}
    .detail-image {height: 230px;}    
    .detail-content { text-align: center;}
  
}

@media only screen and (max-width: 575px){

    #main-nav {
        position: relative;
        background: black !important;
    }  
  .navbar-brand > img:nth-child(1) {
    max-width: 140px;
  }
  .navbar-brand {
    padding: 0;
  }
  
}

/*------ Responsive Styles End ------*/