/*
Theme Name: Empoclim Theme
Theme URI: https://empoclim.com/
Author: Your empoclim
Author URI: https://empoclim.com/
Description: Custom theme for empoclim.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
*/



body {
	overflow-x: hidden !important; 
}

 html {
  overflow-x: hidden !important; 
   
}

#top-header {background-color:#284159; }

*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

/* Preferred box-sizing value */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Reapply the pointer cursor for anchor tags */
a {
    cursor: revert;
}

/* Remove list styles (bullets/numbers) 
ol, ul, menu {
    list-style: none;
}
*/

/* For images to not be able to exceed their container */
img {
    max-width: 100%;
}

/* removes spacing between cells in tables */
table {
    border-collapse: collapse;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]){
    display:none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]){
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}



 
.s-full-row{width:100%;}
.s-row{max-width:1400px;height:auto; margin:0 auto; position: relative;}
.s-flex-row {display:flex; flex-direction:row; justify-content: space-between;}

.logo {width: 180px; height: auto; margin-top:50px;     z-index: +1;
    position: relative;}

.logoS {    width: 120px;
    height: auto;
    margin-top: 17px;
    z-index: +1;
    position: relative;}

p {font-size: 15px; color:#373435;}



h1 {font-size:35px; font-weight:700; color:#373435;}
h2 {font-size:30px; font-weight:700; color:#373435;}
h3 {font-size:23px; font-weight:600;color:#373435; }
h4 {font-size:20px; font-weight:600; color:#373435;}

footer {background-color:#012346; color:#ffffff; font-size:17px; padding:50px 0px 50px 0px;}
footer section {flex-basis:30%;}
footer section span {font-weight:700; line-height:30px;}
footer h3 {color:#1dbfcc; font-size:25px;}
footer .social-media {padding-top:20px;}
footer .social-media .fab {font-size: 25px; letter-spacing: 10px;}

/* For extremely small screen devices (595px and below) */

@media only screen and (max-width: 595px) {


}

/* Small screen devices (600px and above) */
@media only screen and (max-width: 600px) {
	.logo {width:100px; margin-top:5px;}


}

/* Medium screen devices (768px and above) */
@media only screen and (min-width: 768px) {


}

/* Big screen devices (889px and above) */
@media only screen and (min-width: 889px) {


}

/* Extra big screen devices (1200px and above) */
@media only screen and (min-width: 1200px) {



}