/**
* Theme Name: Blocksy Child
* Description: Blocksy Child theme
* Author: Creative Themes
* Template: blocksy
* Text Domain: blocksy
*/

@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-Light.woff2') format('woff2'),
       url('fonts/Gilroy-Light.woff') format('woff');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-Bold.woff2') format('woff2'),
       url('fonts/Gilroy-Bold.woff') format('woff');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-ExtraBold.woff2') format('woff2'),
       url('fonts/Gilroy-ExtraBold.woff') format('woff');
   font-weight: 800;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-SemiBold.woff2') format('woff2'),
       url('fonts/Gilroy-SemiBold.woff') format('woff');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-Regular.woff2') format('woff2'),
       url('fonts/Gilroy-Regular.woff') format('woff');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-Medium.woff2') format('woff2'),
       url('fonts/Gilroy-Medium.woff') format('woff');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-Thin.woff2') format('woff2'),
       url('fonts/Gilroy-Thin.woff') format('woff');
   font-weight: 100;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Gilroy';
   src: url('fonts/Gilroy-Black.woff2') format('woff2'),
       url('fonts/Gilroy-Black.woff') format('woff');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: 'Averta';
   src: url('fonts/AvertaDemoPE-Regular.woff2') format('woff2'),
       url('fonts/AvertaDemoPE-Regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}
.d-none{display: none;}
.d-flex{display: flex;}
.d-grid{display: grid;}
.p-0{padding: 0px;}
.pl-30{padding-left: 30px;}
.m-0{margin: 0px;}
.list-none{list-style: none;}
body h1,body h2,body h3,body h4,body h5,body h6,.elementor-heading-title,
body h1 a, body h2 a, body h3 a,body h4 a,body h5 a,body h6 a{
 font-family: 'Gilroy' !important;
}
body, body p, body p.elementor-heading-title, body a, button, .btn,
body p.elementor-heading-title{
 font-family: 'Averta' !important;
 font-size: 14px;
 line-height: 1.8;
}

body .elementor-button{
  padding: 15px 25px;
  font-size: 16px;
}

/* Header */
.header-menu-1 ul.menu>li>a{
  position: relative;
  font-family: 'Averta' !important;
  padding: 0;
}
.header-menu-1 ul.menu>li{
  margin-left: 32px;
}
.header-menu-1 ul.menu>li:last-child{
  margin-right: 32px;
}
.header-menu-1 ul.menu>li>a{
  padding-left: 22px;
}
.header-menu-1 ul.menu>li>a>.faIcon{
  width: 20px;
  height: 20px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 5px;
  left: -5px;
}
.header-menu-1 ul.menu>li>a>.faIcon.faIcon_hotel{
  background-image: url('images/icon_hotel.png');
}
.header-menu-1 ul.menu>li>a>.faIcon.faIcon_plane{
  background-image: url('images/icon_flight.png');
}
.header-menu-1 ul.menu>li>a>.faIcon.faIcon_ship{
  background-image: url('images/icon_cruises.png');
}
.header-menu-1 ul.menu>li>a>.faIcon.faIcon_shop{
  background-image: url('images/icon_shopping.png');
}
.header-menu-1 ul.menu>li>a>.faIcon.faIcon_file{
  background-image: url('images/icon_blog.png');
}
.header-menu-1 ul.menu>li>a>.faIcon.faIcon_user{
  background-image: url('images/icon_about.png');
}
.header-menu-1 ul.menu>li>a>.faIcon.faIcon_envelope{
  background-image: url('images/icon_contact.png');
}
.header-menu-1 ul.menu>li:hover>a>.faIcon.faIcon_hotel,
.header-menu-1 ul.menu>li.current-menu-item>a>.faIcon.faIcon_hotel{
  background-image: url('images/icon_hotel_green.png');
}
.header-menu-1 ul.menu>li:hover>a>.faIcon.faIcon_plane,
.header-menu-1 ul.menu>li.current-menu-item>a>.faIcon.faIcon_plane{
  background-image: url('images/icon_flight_green.png');
}
.header-menu-1 ul.menu>li:hover>a>.faIcon.faIcon_ship,
.header-menu-1 ul.menu>li.current-menu-item>a>.faIcon.faIcon_ship{
  background-image: url('images/icon_cruises_green.png');
}
.header-menu-1 ul.menu>li:hover>a>.faIcon.faIcon_shop,
.header-menu-1 ul.menu>li.current-menu-item>a>.faIcon.faIcon_shop{
  background-image: url('images/icon_shopping_green.png');
}
.header-menu-1 ul.menu>li:hover>a>.faIcon.faIcon_file,
.header-menu-1 ul.menu>li.current-menu-item>a>.faIcon.faIcon_file{
  background-image: url('images/icon_blog_green.png');
}
.header-menu-1 ul.menu>li:hover>a>.faIcon.faIcon_user,
.header-menu-1 ul.menu>li.current-menu-item>a>.faIcon.faIcon_user{
  background-image: url('images/icon_about_green.png');
}
.header-menu-1 ul.menu>li:hover>a>.faIcon.faIcon_envelope,
.header-menu-1 ul.menu>li.current-menu-item>a>.faIcon.faIcon_envelope{
  background-image: url('images/icon_contact_green.png');
}

/* Footer */
.ct-footer{
 background-image: url('images/footerBg.png');
 background-position: bottom right;
 background-repeat: no-repeat;
 background-size: 480px auto;
}
.ct-footer h3.widget-title{
 font-size: 22px;
 font-weight: 600;
 color: #fff;
}
.ct-footer h3.widget-title{
 font-size: 22px;
 font-weight: 600;
 color: #fff;
}
.ct-footer .menu-footer-menu-1-container li+li,
.ct-footer .menu-footer-menu-2-container li+li{
 margin-top: 6px;
}
.ct-footer .menu-footer-menu-1-container li,
.ct-footer .menu-footer-menu-2-container li{
  font-weight: 600;
}
.ct-footer .socialIcons ul {
 margin-left: 0;
}
.ct-footer .socialIcons li {
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
}
.ct-footer .socialIcons li a {
 width: 36px;
 height: 36px;
 background: rgba(255, 255, 255, 0.1);
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 color: #fff;
}
.ct-footer .socialIcons li img{
 max-width: 18px;
}
.ct-footer .socialIcons li .scFacebook img{
 max-width: 11px;
}
.ct-footer  .socialIcons li a.scTwitter:hover {
 background-color: #000;
}
.ct-footer  .socialIcons li a.scFacebook:hover {
 background-color: #3757CB;
}
.ct-footer  .socialIcons li a.scInstagram:hover {
 background-color: #fe0263;
}
.menu-footer_contact a{
 white-space: nowrap;
}
.menu-footer_contact img{
 max-width: 18px;
 display: inline-block;
 margin-right: 5px;
}

/* Banner */
.bnrTag a>div{
  position: relative;
}
.bnrTag a>div:before{
  position: absolute;
  right: calC(100% + 20px);
  top: -4px;
  content: url('images/left_line_bnr.png');
  display: inline-block;
}
.bnrTag a>div:after{
  position: absolute;
  left: calC(100% + 20px);
  top: -4px;
  content: url('images/right_line_bnr.png');
  display: inline-block;
}
.bnrTag a>div>div,
.bnrHeading strong{
  font-weight: 800;
  font-family: 'Gilroy' !important;
}
.bnrCurl p{
  font-family: "Pinyon Script", cursive !important;
}
.shopCategory{
  position: relative;
}
.shopCategory.e-con:before{
  content: '';
  width: 100%;
  height: 30px;
  position: absolute;
  top: -2px;
  left: 0;
  display: inline-block;
  background-image: url('images/cateBgTop.png');
  background-size: 100%;
  background-repeat: repeat-x;
  background-position: center top;
}
.shopCategory.e-con:after{
  content: '';
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -2px;
  left: 0;
  display: inline-block;
  background-image: url('images/cateBgBott.png');
  background-size: 100%;
  background-repeat: repeat-x;
  background-position: center bottom;
}
/* Product */
.products .woocommerce-loop-product__title{
  line-height: 1.16;
}
.products .woocommerce-loop-product__title>a{
  font-size: 24px;
  font-weight: 600;
  line-height: 1.16;
}
.arrowBtn .elementor-button-link .elementor-button-text{
  font-family: 'Gilroy' !important;
  font-weight: 600;
}
.arrowBtn .elementor-button-link .elementor-button-icon{
  transition: all ease-in-out 300ms;
}
.arrowBtn .elementor-button-link:hover .elementor-button-icon{
  margin-left: 8px;
}


/* Custom Responsive */
@media screen and (min-width: 991px) {
  body, body p, body p.elementor-heading-title, body a, button, .btn,
  body p.elementor-heading-title{
   font-size: 15px;
  }
}
@media screen and (min-width: 1200px) {
  body, body p, body p.elementor-heading-title, body a, button, .btn,
  body p.elementor-heading-title{
   font-size: 16px;
  }
}
@media screen and (min-width: 1400px) {
  body, body p, body p.elementor-heading-title, body a, button, .btn,
  body p.elementor-heading-title{
   font-size: 18px;
  }
}