/*
Theme Name:   WMT Base
Description:  Lite theme for Wordpress websites
Author:       Victor Sauhing
Author URI:   https://webmastech.com
Version:      1.0.0
*/

/*------------------------------ BASE CSS ------------------------------*/ 
html, body { margin: 0; padding: 0; }
html { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

.wp-block { max-width: 1000px!important; }

.wmt_page, .edit-post-visual-editor{ background: #ffffff; overflow-x: hidden; font-family: var(--font-1);  font-size: 0.9rem; line-height: 1.7; color: #222;}
.wmt_page h1, .wmt_page h2, .wmt_page h3 , .wmt_page h4, .wmt_page h5, .edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3 , .edit-post-visual-editor h4, .edit-post-visual-editor h5{ font-family: var(--font-2); font-weight: normal;}

::-moz-selection { background: #000000; color: #FFFFFF; }
::selection { background: #000000; color: #FFFFFF; }

/*------------------------------ GENERAL CSS ------------------------------*/
.w0{width:0%;} .w5{width:5%;} .w10{width:10%; } .w15{width:15%; } .w20{width:20%; } .w25{width:25%; } 
.w30{width:30%; } .w35{width:35%; } .w40{width:40%; } .w45{width:45%; } .w50{width:50%; } .w55{width:55%; } 
.w60{width:60%; } .w65{width:65%; } .w70{width:70%; } .w75{width:75%; } .w80{width:80%; } .w85{width:85%; } 
.w90{width:90%; }  .w95{width:95%; } .w100{width:100%; }
.mw-30rem{ max-width: 30rem;} .mw-40rem{ max-width: 40rem;} .mw-50rem{ max-width: 50rem;}

.h100{height:100%;}

.bgcolor-f{ background-color: #FFF;} .color-f, .color-f a{ color:#FFF!important; } 
.bgcolor-0{ background-color: #000;} .color-0, .color-0 a{ color:#000!important; }

.bgcolor-1{ background-color: var(--color-1); } .color-1, .color-1 a{ color: var(--color-1)!important; }
.bgcolor-2{ background-color: var(--color-2); } .color-2, .color-2 a{ color: var(--color-2)!important; }
.bgcolor-3{ background-color: var(--color-3); } .color-3, .color-3 a{ color: var(--color-3)!important; }
.bgcolor-4{ background-color: var(--color-4); } .color-4, .color-4 a{ color: var(--color-4)!important; }


.fs-xl{font-size: 4rem;}
.fs-lg{font-size: 3rem;}

.fs-7{font-size: 0.75rem;}
.fs-8{font-size: 0.625rem;}

.font-1{ font-family: var(--font-1);}
.font-2{ font-family: var(--font-2);}

.text-justify{text-align: justify;}

.cursor-pointer{cursor: pointer;}


.squared:after{content: ""; display: block; padding-bottom: 100%;}
.rectangled:after{content: ""; display: block; padding-bottom: 88%;}

.hover-scale-1:hover{ transform: scale(1.03); }
.hover-scale-2:hover{ transform: scale(1.06); }
.hover-scale-3:hover{ transform: scale(1.1); }

.hover-scale-1, .hover-scale-2, .hover-scale-3{ transition: all .2s ease-in-out;  }
.hover-scale-1:hover{ transform: scale(1.03); }
.hover-scale-2:hover{ transform: scale(1.06); }
.hover-scale-3:hover{ transform: scale(1.1); }


.after-border:after{ content: ''; width: 5rem; height: 0.15rem; max-width: 30rem; display: block; margin: 0.25rem auto 0 auto; }

.after-border.lh-sm:after{ margin-top: 0.65rem; }

.after-border.color-0:after{ background: #000; }
.after-border.color-f:after{ background: #fff; }
.after-border.color-1:after{ background: var(--color-1); }
.after-border.color-2:after{ background: var(--color-2); }
.after-border.color-3:after{ background: var(--color-3); }

.bshadow-light{ box-shadow: 0 0.275rem 1rem #00000020!important; }
.bshadow-inset-dark{ box-shadow: inset 0 0 1.875rem #000000!important; }
.bshadow-inset-light{ box-shadow: inset 0 0 0.625rem #00000055!important; }


.parallax{background-attachment: fixed!important;}
.isMobile .parallax { background-attachment: initial!important; }
.bgsize-cover{ background-size: cover; }

.bgsize-shrink { background-size: 110% 110%; background-position: center center; animation: shrink 10s infinite alternate;}
@keyframes shrink {
  0% { background-size: 110% 110%; }
  100% { background-size: 100% 100%; }
}

@media (max-width: 768px){
  .bgsize-shrink { background-size: contain; animation: none; }
}


@keyframes right_to_left {
  0% { background-position: 100% center; }
  100% { background-position: 0% center; }
}

.grecaptcha-logo, .grecaptcha-badge{display: none!important;}