$theme-colors: (
	"primary":   #4fb4b0,
	"secondary": #536878,
	"tertiary":  #e3780d,
	"dark": #000000
);
/* ********************************************************************************************* */
/* SASS VARIABLES SETUP ************************************************************************ */

@font-face {
	font-family: 'sink-sans';
	src: url(/fbm-data/themes/default-theme/fonts/SinkinSans-300Light.otf);
	font-display: swap;
}
@font-face {
	font-family: 'Roboto-Regular';
	src: url(/fbm-data/themes/default-theme/fonts/Roboto-Regular.ttf);
	font-display: swap;
}

/*********************************************************************************************** */

$breaksmall: 576px;
$breakmed:   768px;
$breaklrg:   992px;
$breakxl:    1200px;

/* ********************************************************************************************* */

/* Always Make Sure to Repeat These in the Top of Master-Theme.scss file *********************** */
$color-prime:  #4fb4b0;
$color-second: #536878;
$color-third:  #e3780d;
$color-alpha:  rgba($color-second, 0.50);

/* ******************************************************************************************** */

$font-prime:  "Jost", sans-serif;
$font-second: sink-sans, sans-serif;
$font-third:  Roboto-Regular, sans-serif;

/* ********************************************************************************************* */

/* ********************************************************************************************* */
/* CUSTOM SCSS FOR THIS PARTICULAR LAYOUT ****************************************************** */
/* ********************************************************************************************* */

/* Top Navigation Phone Number ***************************************************************** */
.call-num, .req-serv {
	color: $color-second !important;
    transition: all 0.5s ease;
	&:hover {
		color: $color-third !important;
	}
}

/* H3 Request Form Link ************************************************************************ */
.req-num, .req-form {
	color: $color-third !important;
    transition: all 0.5s ease;
	&:hover {
		color: $color-second !important;
	}
}

/* Background Color for Contact Form Sidebar *************************************************** */
#bg-sidebar {
	background-color: rgba($color-second, 0.65);
	box-sizing: border-box;
}

/* Background Image Initial Set Up ************************************************************* */
#bg-reviews {
	.bg-picture-container {
		background-attachment: scroll;
		background-position: center;
		background-size: cover;
		min-height: 500px;
		@media screen and (max-width: $breaklrg) {
			min-height: 400px;
		}
		@media screen and (max-width: $breakmed) {
			min-height: 300px;
		}
	}
}

/* Overlay Service Boxes Headers *************************************************************** */
.overlay-title {
	font-family: $font-prime;
	font-weight: normal;
	font-size: inherit;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	margin-bottom: 0;
	color: #FFFFFF;
}

.bgcover {
  	min-height:400px;
   	position:relative;
    @media screen and (max-width: $breaklrg) {
        background-attachment: scroll !important;
    }
}

/* ********************************************************************************************* */
.fly-in {
	overflow-x:hidden !important;
}
.hero-image {
	position:relative;
	min-height:150px;
	@media screen and (max-width:1200px) {
		display:none;
		min-height:0;
	}
}
.cbutton {
	background-color:$color-third;
}
h1 {
	color:#000;
	font-size:2.5rem;
	@media screen and (max-width:$breaklrg) {
		font-size:calc(1.375rem + 1.5vw);
	}
}
.h1hold {
    position: absolute!important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-transform: uppercase;
}