/* 
Theme Name: Mount Sima
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Mount Sima is a child theme of Hello Elementor
Author: Aasman
Author URI: https://aasman.ca/
Template: hello-elementor
Version: 2.0.0
Text Domain: mount-sima
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */


/* General Styling */
:root {
   --icon-size: 30px; /* Define the variable */
}


.elementor-widget-text-editor a{
	text-decoration: underline;
}

.elementor-widget-text-editor ol, ul{
	margin-bottom: 1em;
}


/* HEADER */

@media (max-width: 1024px) {
	.elementor-location-floating_buttons ~ .elementor-location-header{
		margin-top: -20px;
	}
}


/* Sima Black & Blue Sections */

.section-black{
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-black a,
.section-black .elementor-widget-text-editor{
	color: #ffffff;
}
@media (min-width: 768px) {
    .section-black{
        padding-top: 50px;
        padding-bottom: 150px;
    }
}
@media (min-width: 1024px) {
    .section-black{
        padding-top: 150px;
        padding-bottom: 250px;
    }
}

.section-blue{
    padding-top: 50px;
    padding-bottom: 50px;
}
.section-blue a{
	color: #ffffff;
}
@media (max-width: 767px) {
	.section-blue > .e-child{
		top: -7px!important;
	}
}
@media (min-width: 768px) {
    .section-blue{
        padding-top: 50px;
        padding-bottom: 150px;
    }
}
@media (min-width: 1024px) {
    .section-blue{
        padding-top: 150px;
        padding-bottom: 250px;
    }
}

.section-white{
    padding-top: 50px;
    padding-bottom: 50px;
}
@media (min-width: 768px) {
    .section-white{
        padding-top: 50px;
        padding-bottom: 150px;
    }
}
@media (min-width: 1024px) {
    .section-white{
        padding-top: 150px;
        padding-bottom: 250px;
    }
}


/* Blue Tabs */

.blue-tabs .elementor-widget-text-editor a{
	color: #ffffff;
}



/* FAQs */

.table-of-content-faq .elementor-toc__header{
	display: none;
}
.table-of-content-faq ul{
	text-align: center;
}
.table-of-content-faq ul li{
	display: inline-block;
	background-color: #149CD3;
	text-align: center;
	padding: 6px 20px;
	margin: 5px 10px;
}
	.table-of-content-faq ul li svg{
		display: none;
	}

.accordion-faq .e-n-accordion-item-title-icon{
    background-color: #149CD3;
    padding: 5px;
    border-radius: 50%
}



/* WEATHER WIDGET */

.weather-widget {
   position: absolute;
   top: 350px;
   right: 0;
   transform: translateY(0);
   width: 260px;
   background: #14A5D9;
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-size: 14px;
   font-weight: 700;
   text-align: center;
   z-index: 2;
}

/* Safety Awareness Section */
.safety-awareness {            
   border-top: 5px solid #14A5D9;
   display: flex;
   justify-content: center;
   align-items: center;
}

.safety-awareness .safety-text {
	background: #fff;
	padding: 0;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 0;
	color: #000;	
	font-weight: bold;
	width: 100%;
}

.safety-awareness a {
	padding: 10px;
	text-decoration: none;
	color: #000;
	display: inline-flex;
	align-items: center;
	width: 100%;
}
	.safety-awareness img {
		margin-right: 10px;
	}

/* Weather Content Rows */
.weather-content {
   padding: 20px;
}

.weather-content .row,
.weather-content .row a{
   display: flex;
   gap: 10px;
   color: #ffffff;
}



/* Top, Middle, and End Sections */
.weather-top,
.weather-middle,
.weather-end {
   display: flex;
   gap: 10px;
}

.weather-top {
   justify-content: space-around;
}

.weather-middle {
   justify-content: flex-start;
}

.weather-middle .phone {
   display: flex;
   flex-direction: column;
   align-self: start;
}

.weather-end {
   flex-direction: column;
   align-items: flex-start;
   gap: 0px !important;
}

.weather-end p {
   margin-bottom: 0;
}

/* Divider */
.weather-content .divider {
   height: 1px;
   background: #fff;
   margin: 1rem 0;
}

/* Temperature and Wind Chill */
.weather-content .temp,
.weather-content .windchill {
   display: flex;
   align-items: center;
   gap: 10px;
   font-family: 'Archivo Black', sans-serif;
   font-size: 25px;
   font-weight: 400;
}

.weather-content .temp img,
.weather-content .windchill img {
   height: var(--icon-size);
   width: auto;
}

/* Snow Line */
.snow-line-header {
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 0;
	text-align: left;
}

.weather-content .phone p {
   margin-bottom: 0;
}
.weather-content .phone a {
	font-family: 'Archivo Black', sans-serif;
	font-size: 20px;
	font-weight: 400;
}

.status-now{
	font-family: 'Archivo Black', sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 0;
	text-align: left;
}

@media (max-width: 1024px) {

	.weather-widget {
	   top: 200px;
	   width: 260px;
	}
	.weather-content {
   	padding: 10px 20px;
	}
	.weather-content .divider {
   		margin: 10px 0;
	}
	.weather-content .temp,
	.weather-content .windchill {
	   font-size: 18px;
	}	
	.weather-content .temp img,
	.weather-content .windchill img {
	   height: 23px;
	}
	.snow-line-header {
		font-size: 14px;
	}
	.weather-content .phone a {
		font-size: 16px;
	}
	.status-now{
		font-size: 16px;
	}
}

@media (max-width: 767px) {

	.weather-widget {
		position: relative;
		top: 0;
		width: 100%;	
	}
	.weather-content {
	    display: flex;
    	flex-direction: row;
    	flex-wrap: wrap;
	    gap: 20px;
	    justify-content: space-evenly;
	    align-items: center;	
	}
	.weather-content .divider{
		display: none;
	}
	.weather-top{
		justify-content: normal;
	}
	.weather-content .temp,
	.weather-content .windchill {
	   font-size: 16px;
	}	
	.weather-content .temp img,
	.weather-content .windchill img {
	   height: 20px;
	}
	/*
	.weather-content .row, .weather-content .row a{
		flex-direction: column;
	}
	*/	
	.weather-middle .phone{
		align-items: center;
	}
}



/* FOOTER */

@media (max-width: 767px) {
	#footer-section-black > .e-con-inner > .e-child{
		top: -7px!important;
	}
}

@media (max-width: 767px) {	
	#footer-menu .elementor-nav-menu{
		flex-direction: column;
	}
		#footer-menu .elementor-nav-menu li a{
			margin: 5px 0;
		}
}