/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*************** ADD CUSTOM CSS HERE.   ***************/
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Reddit+Sans:ital,wght@0,200..900;1,200..900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Italianno&display=swap');

@font-face {
    font-family: 'SVN-Futura';
    src: url('fonts/SVN-FuturaBook.woff2') format('woff2'),
        url('fonts/SVN-FuturaBook.woff') format('woff');
}

h1,
h2 {
  font-family: "SVN-Futura", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

h3, h4{
  font-family: "Fjalla One", sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
    padding: 10px 0;
    margin-bottom: 0;
}

h5{
    font-family: "Italianno", cursive !important;
    font-weight: 500 !important;
    font-size: 3rem !important;
    margin-bottom: 0;
}

.box-blog-post h5{
    font-family: "Roboto", sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

p{
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
}

a {
  text-decoration: none;
}

/* General Styles */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #333;
  background-color: #f4f4f4;
  overflow-x: hidden;
}

/*************** ADD CUSTOM CSS HERE.   ***************/
header {
  padding: 10px 0;
  background: linear-gradient(0deg, transparent, rgba(50, 50, 50, 0.83));
}

.header-main .nav > li > a {
    padding: 0 12px;
	font-family: 'Roboto', sans-serif; 
	font-weight: 600;
	font-size: 14px;
	color: #fff;
}

.stuck .header-main {
  background-color: #ffffffd1;
}

.stuck .header-main .nav > li > a {
  color: #3e3e3e;
}

.stuck .button {
  background-color: none;
  color: #000;
}

.banner h6,
.banner h5,
.banner p{
    margin-top: 0;
    margin-bottom: 0;
}

.banner {
  background-color: transparent
}

.wpcf7-spinner{
   display: none;
}

.banner p{
    font-size: 22px;
    font-family: "Roboto Slab";
}

.primary {
    background-color: #0d8985;
}

input[type=submit],
input[type=submit].button,
input[type=submit] {
    background-color: #ff661d;
}

.box-overlay.dark.box-text-bottom .box-text{
    background: #013342bf;
}

.nav-vertical>li>ul li a {
    text-transform: uppercase;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a{
    text-transform: uppercase;
}

a.back-to-top {
  color: rgb(255 102 29);
  bottom: 40px;
}

.header-button .button:hover,
.back-to-top:hover{
  background-color: #ff661d;
  border-color: #ff661d;
}

@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/		
    
    h5{
        font-size: 2rem !important;
    }

    .banner p {
        font-size: 16px;
    }

    table span{
        font-size: .7rem;
    }

    table tbody tr > td:first-child{
        width: 35% !important;
    }

    .flickity-page-dots{
        display: none;
    }

    .hotline-phone-ring-wrap {
        left: 15px !important;
        bottom: 5px !important;
    }

    .off-canvas-center .mfp-content{
        padding-top: 20px !important;
    }

    .ml-half{
      padding-right: 0 !important;
      margin-left: 0 !important;
    }

    .wpcf7-form-control{
      margin-bottom: 10px !important;
    }

    .wpcf7-submit{
      width: 100%;
    }
}