/*
Theme Name: Sapphire WP
Theme URI: http://themeforest.net/user/bitpub/portfolio
Description: A modern design with clean lines and styling for a wide variety of content. Exactly how a business design should be.
Author: Bitpub
Author URI: http://themeforest.net/user/bitpub
Version: 2.4.1
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: sapphire-wp

License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/ 

/* Theme css files */

@import url('layout/css/base.css');
@import url('layout/css/grid.css');
@import url('layout/css/elements.css');
@import url('layout/css/layout.css');

/*Overwritting styles*/
body{
	overflow-x: hidden !important;
}

#header{
	border: none !important;
	height: auto !important;
}
#header-top{
	display: none;
}

#mobile-menu{
	border-bottom: none !important;
	position: sticky;
    top: 113px;
}

#mobile-menu li a{
	border-top: none !important;
	font-size: 1rem;
	font-weight: 600;
}

#mobile-menu li a:hover{
	background: rgba(56, 155, 222, 1);
}

#mobile-menu .mobile-menu-submenu-arrow:hover {
    background-color: rgba(56, 155, 222, 1) !important;
}

#mobile-menu .mobile-menu-submenu-arrow{
	border-left: none !important;
}

img.wp-smiley, img.emoji{
	display: none !important;
}

.elementor-6 .elementor-element.elementor-element-69a3d453 .elementor-button{
	border: none !important;
}
.elementor-6 .elementor-element.elementor-element-69a3d453 .elementor-button:hover{
	background: #0E77BD !important;
}

.sproket img, .sproket span, .sproket a{
	display: none !important;
}

.elementor-accordion .elementor-tab-title{
	display: flex;
	align-items: center;
}

#footer .ewf-row #custom_html-7{
	display: none;
}

#footer-bottom{
	display: none;
}

.entry-post-title strong{
	font-weight: 200;
}

.alignleftImage{
	max-width: 318px !important;
	float: left;
	margin: 5px;
}

.sf-menu li ul{
	border: none;
}

.sf-menu li ul li{
	margin: 0;
}

.sf-menu li ul li a{
	border-bottom: none;
	text-align: left;
	padding-left: 15px;
}

.sf-menu li ul li a:hover{
	background: rgba(14, 119, 189, 1);
	color: rgba(255, 255, 255, 1);
}

.sf-menu li ul li a:before, .sf-menu li ul li a:after{
	display: none;
}
.sf-menu > li {
	margin-right: 0 !important;
}

.formController{
	position: relative !important;
}

.coverForm{
	position: absolute !important;
    height: 110px;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 1);
    --divider-color: transparent !important;
}

.centralHeaderCol {
	min-height: 76vh !important;
}

.leadinModal-v3 .leadin-footer-wrapper{
	display: none !important;
}

#page-header{
	padding-top: 0 !important;
	padding-bottom: 35px !important;
}

.ewf-row .ewf-span12 {
	min-height: 0 !important;
}

.imgBoxSolTec figure{
	width: 100% !important;
}

.imgBoxSolTec figure img{
	width: 50%;
}
.grayParagraph{
	padding: 0 10px 0 10px;
}

.ewf-span12{
	display: none;
}

.popupToggle{
	background-color: rgba(0, 127, 225, 1);
    position: fixed !important;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0 4px;
    cursor: pointer;
	z-index:1000;
	opacity:0;
	animation: appear 1s linear 10s forwards;
}

.popupToggle:before{
	content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(https://www.itswift.com.mx/wp-content/uploads/2023/05/itswift-sobre-newsletter.png);
	background-color: rgba(0, 127, 225, 0.35);
	background-position: center center;
	background-repeat: no-repeat; 
    width: 100%;
    height: auto;
    aspect-ratio: 4/2.7;
    background-size: contain;
	position: absolute;
	top: -8.5rem;
    border-radius: 12px;
}

.popupToggle p{
    color: #FFFFFF;
	font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
	margin-bottom:0 !important;
	text-align: center;
}

.popupToggle2{
	background-color: rgba(0, 127, 225, 1);
    position: fixed !important;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 8px;
    padding: 0 4px;
    cursor: pointer;
	z-index:1000;
	opacity:0;
	animation: appear 1s linear 10s forwards;
}

.popupToggle2:before{
	content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(https://www.itswift.com.mx/wp-content/uploads/2023/05/itswift-sobre-newsletter.png);
	background-color: rgba(0, 127, 225, 0.35);
	background-position: center center;
	background-repeat: no-repeat; 
    width: 100%;
    height: auto;
    aspect-ratio: 4/2.7;
    background-size: contain;
	position: absolute;
	top: -8.5rem;
    border-radius: 12px;
}

.popupToggle2 p{
    color: #FFFFFF;
	font-family: 'PT Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
	margin-bottom:0 !important;
	text-align: center;
}

.hbspt-form{
	position: relative;
}
.hbspt-form::before{
    content: "";
    width: 100%;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 0;
    bottom: 20px;
}

.leadinModal-reset span.leadin-footer-wrapper{
	display: none !important;
}

span.leadin-footer-wrapper{
	display: none !important;
}

.leadinModal-content{
	background-color: rgba(255, 255, 255, 1) !important;
}

.leadin-content-body{
	position: relative !important;
	padding-bottom: 2rem !important;
}

.leadinModal-content{
	position:relative:
}

.leadinModal-v3.leadinModal.leadinModal-theme-bottom-left-corner.leadinModal-preview .leadin-preview-wrapper .leadin-button {
	background: #189BDB !important;
	font-family: "Righteous", Sans-serif !important;
	color: rgba(255, 255, 255, 1) !important;
}

.leadinModal-reset button.leadin-primary{
	background-color: #189BDB !important;
	font-family: "Righteous", Sans-serif !important;
	color: rgba(255, 255, 255, 1) !important;
}

.leadinModal-1975536 .leadin-button-primary:hover{
	color: #189BDB !important;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-preview h4 {
	border: #189BDB solid 1px !important;
    color: #189BDB !important;
    font-family: "Righteous", Sans-serif !important;
    padding: 1.25rem;
    margin-bottom: -2rem;
}

.leadinModal.leadinModal-theme-default.leadinModal-v3.leadinModal-form h4 {
	border: #189BDB solid 1px !important;
    color: #189BDB !important;
    font-family: "Righteous", Sans-serif !important;
    padding: 1.25rem;
    margin-bottom: 0;
}

.leadinModal .leadinModal-content label{
	color: #189BDB !important;
}

.leadinModal.leadinModal-v3 .thank-you-message a.leadin-button{
	background: #189BDB !important;
	color: rgba(255, 255, 255, 1) !important;
}

@keyframes appear {
  from {
	  opacity: 0;
	}
	to {
		opacity: 1;}
}

	
.leadinModal-1975536 .leadinModal-content{
	max-width: 220px !important;
}
	
.leadinModal-1975536 .leadinModal-content .leadinModal-content-wrapper{
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
	
.leadinModal-1975536 .leadinModal-content .leadinModal-content-wrapper .leadin-content-body {
	display: flex !important;
}
	
.leadinModal-1975536 .leadinModal-content .leadinModal-content-wrapper .leadin-content-body {
	display: flex !important;
	flex-direction: column !important;
	justify-content: center !important;
	align-items: flex-start !important;
	width: 100% !important;
}
	
.leadinModal-1975536 .leadinModal-content .leadinModal-content-wrapper .leadin-content-body .dyno-image{
	margin: 0 !important;
	float: none !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	margin-bottom: 1rem !important;
}
	
.leadinModal-1975536 .leadinModal-content .leadinModal-content-wrapper .leadin-content-body h4{
	margin: 0 !important;
	text-align: center !important;
}
	
.leadinModal-1975536 .leadinModal-content .leadinModal-content-wrapper .leadin-content-body .advance-wrapper {
	margin: 0 !important;
	display: flex !important;
	width: 100% !important;
}
	
.leadinModal-1975536 .continue-url-wrapper{
	width: 100% !important;
}

.pagination_style_2 .page-numbers{
	background: #0e77bd !important;
}
@media (max-width: 767px) {
	.alignleftImage{
		max-width: 100% !important;
		float: left;
		margin: 5px;
	}
	.popupToggle{
		zoom: 0.75;
		background-color: rgba(0, 127, 225, 0.85);
	}
	.popupToggle:before{
		display: none;
	}
	.popupToggle p{
		font-size: 16px;
	}
	#smartsupp-widget-container{
		display: none;
	}
}
/*Overwritting styles*/