/*
Theme Name: Comfort Removations 2023
Author: Russell Nagel
Author URI: www.lionmarketing.com
Description: Theme Created For Comfort Renocations
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: Comfort Renovations
*/

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

.img-btm{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  height: 10vh;
}

.vp-portfolio {padding: 0;}

.text-lblue{color: #1c3458 !important;}
.text-dblue{color: #061121 !important;}
.text-white{color: #FFFFFF !important;}

.bg-lblue{background-color: #1c3458 !important;}
.bg-dblue{background-color: #061121 !important;}
.bg-white{background-color: #FFFFFF !important;}

html, h1, h2, h3, h4, h5, h6, p, a, li{
    font-family: Georgia, 'Times New Roman', Times, serif;
}

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

/*-------- Global Styles end --------*/


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

#front-slider h5{font-size: 1.25em;}
#front-slider h1{font-size: 4em;}

#journey .journey-text, #front-slider .slider-text, #front-slider .splide__slide{min-height: 80vh !important;}

#journey .journey-image, #front-slider .splide__slide{
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.journey-text h2 {font-size: 3em;}
#journey hr{opacity: 1;}

/*------ Front Page Styles end ------*/

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

#footer img{max-width: 150px;}

#footer li a{
  color: #061121;
  text-decoration: none;
  font-size: 14px;
  display: block;
}

/*-------- Footer Styles end --------*/

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

/* #main-header {
  position: fixed;
  z-index: 9;
  width: 100%;
} */

nav{
  background: white;
  box-shadow: 0px -3px 10px black;
}

.navbar-brand img{ max-width: 200px;}

#main-header li a{
  color: #061121;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 25px;
  display: block;
}

#main-header li{
  position: relative;
  display: flex;
  justify-content: center;
}

#main-header li::after{
  font: var(--fa-font-solid);
  content: "\f005";
  position: absolute;
  rotate: -40deg;
  bottom: -10px;
  font-size: 14px;
  color: white;
}

#main-header li:hover::after,
#main-header li:active::after{
  color: #061121;
}
#main-header li:hover a,
#main-header li:active a{
  text-shadow: 0px 0.5px 0px black;
}

#consult-btn a{
  max-width: fit-content;
  margin: auto;
  font-size: 25px;
}

.half-bg {
  position: absolute;
  bottom: 0;
  top: 50%;
  left: 0;
  right: 0;
  z-index: -1;
}

/*-------- Header Styles End --------*/


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

#pages-header {
  min-height: 50vh;
  background-size: cover;
  background-position: center;
}

#pages a{color:white;}

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


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


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

  #menu-main-menu {text-align: end;}
  #front-slider h1 { font-size: 3em;}
  #front-slider h5 {  font-size: 1em;}
  #main-header li {justify-content: end;}
  #main-header li::after {bottom: 20px;}
  #main-header li a {margin-right: 10px;}
  .Footer-menu, .footer-text, .footer-logo{text-align: center;}
}



@media only screen and (max-width: 767px){
  #journey .journey-text,#journey .journey-image,#front-slider .slider-text, #front-slider .splide__slide {
    min-height: 40vh !important;
    padding-bottom: 5vh;
  }
}
/*------ Responsive Styles End ------*/