/*
Theme Name: Premium Grass Blades - Child
Theme URI: http://premiumgrassblades.com
Description: PGB Child Theme 
Author: Emman
Author URI: http://ejostol.com
Template: pgb
Version: 1.1
*/

/*----------------------------------------
GENERIC
----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*
  <weight>: Use a value from 100 to 900
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;

*/
/*----------------------------------------
COLORS

#3cb036 - green

----------------------------------------*/
.green  {
	color: #3cb036 !important;
}

/*----------------------------------------
GENERIC
----------------------------------------*/

.modal {
	z-index: 9999
}

body.modal-open {
	overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif !important;
    font-weight: bold !important;
    letter-spacing: 1px !important;
    color:#3cb036 !important;
    line-height: normal !important;
}

h1 {
    font-size: 50px !important;   
    font-weight: 700 !important;
}

h2 {
    font-size: 30px !important;  /* 30px */
    font-weight: 600 !important;
}

h3 {
    font-size: 24px !important;    /* 24px */
    font-weight: 600 !important;
}

h4 {
    font-size: 20px !important;   /* 20px */
    font-weight: 600 !important;
}

h5 {
    font-size: 16px !important;      /* 16px */
    font-weight: 500 !important;
}

h6 {
    font-size: 14px !important;  /* 14px */
    font-weight: 500 !important;
}


.blue, .blue a, .blue .fa {
    color: #00b2dc !important;
}

.white, .white a, .white .fa {
    color: #fff !important;
}

.clr {
    width: 100%;
    margin:0 auto;
    display: block;
    clear: both;
}

.green {
color:#61fd4b !important;
}


ol, ul {
margin-left: 15px !important
}

.underlined:after {
display: block;
border-bottom: 2px solid #00b3d9;
content: '';
max-width: 16%;
margin: 0 auto;
margin-top: -7px;
margin-bottom: 7px;
}

.underlineCenter, .underlineLeft {
	display: inline-block;    
}
.underlineCenter:after {
	display: block;
	border-bottom: 2px solid #00b3d9;
	content: '';
	margin-top: -7px;
	margin-bottom: 7px;
	padding-bottom: 7px;
	clear: both;
	margin: 0 auto;
	max-width: 57%;
}
.underlineLeft:after {
	display: block;
	border-bottom: 2px solid #00b3d9;
	content: '';
	margin-top: -7px;
	margin-bottom: 7px;
	padding-bottom: 7px;
	clear: both;
	max-width: 57%;
}
.blue{
	color:#00b3d9 !important;     
}

.black {
	color:#545454 !important;
}

.blue-title {
	color:#00b3d9;
	font-weight: 800;
	font-size: 30px;    
	margin-bottom: 0px;
}


.green-title {
	color:#B2D233;
	font-weight: 800;
	font-size: 30px;    
	margin-bottom: 0px;
}

.subtitle {
	font-size: 22px !important;
	line-height: 32px !important;
	font-weight: 300;
}

.light {
	font-weight: 300 !important
}

.uppercase {
	text-transform: uppercase;
}

.blue-line {
	border-bottom: 2px solid #7ec7d8;
}

.s14 { font-size: 14px !important }
.s16 { font-size: 16px !important }
.s18 { font-size: 18px !important }
.s20 { font-size: 20px !important }
.s22 { font-size: 22px !important }
.s24 { font-size: 24px !important }
.s26 { font-size: 26px !important }
.s28 { font-size: 28px !important }
.s30 { font-size: 30px !important }
.s32 { font-size: 32px !important }
.s34 { font-size: 34px !important }
.s36 { font-size: 36px !important }
.s46 { font-size: 46px !important }
.s48 { font-size: 48px !important }
.s76 { font-size: 76px !important }

.line-height-21 {
line-height: 21px !important;
}

.row-icons h3{
margin-bottom: 5px
}

.visible {
overflow: visible !important;
}

.text-center {  text-align: center; }
.text-left {    text-align: left; }
.text-right {   text-align: right; }
.text-justify { text-align: justify; }

.rounded img, .rounded{
border-radius: 50% !important;
border: 4px solid #efefef;
}

.text-shadow, .text-shadow .fa, .text-shadow a {
text-shadow: 0 0 25px #000;
}

.hard-shadow, .hard-shadow .fa, .hard-shadow a {
    text-shadow: 2px 2px 2px #000 !important;
}


video {
    border: 1px solid #1e1e1e;
}

/*--------------------------------------------------
BUTTONS
--------------------------------------------------*/
.vc_btn3.vc_btn3-color-green.vc_btn3-style-modern {
    color: #fff;
    border-color: #6DAB3C;
    background-color: #39b54a;
    font-size: 18px;
}


/*--------------------------------------------------
INPUT
--------------------------------------------------*/
#header input::placeholder {
    color: #fff !input;
}

/*--------------------------------------------------
WP ADMIN BAR IN FRONTEND
--------------------------------------------------*/
#wpadminbar {
	border-bottom: 1px solid #383838;
}

.admin-bar .stuck {
	top:29px !important;
}

/*--------------------------------------------------
HEADER / MENU
--------------------------------------------------*/
#header.header-v1 {
    border-bottom: 1px solid #3cb036;
    box-shadow: 0 0 31px #000;
}

#navigation a {
	-o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#navigation > ul > li > a {
    color: #e3e3e3 !important;
}

.header-v1 #navigation > ul > li > a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;    
}

#navigation li.current-menu-item > a, #navigation > ul > li > a:hover {
    color: #3cb036 !important;
}

.header-is-transparent .sticky-wrapper {
	width: 100%;
}
/*--------------------------------------------------
CONTENT
--------------------------------------------------*/
#content {
    padding-bottom: 80px !important;
}

/*--------------------------------------------------
FONTAWESOME
--------------------------------------------------*/
.fa {
	font-weight: 900 !important;
}

/*--------------------------------------------------
OVERLAY
--------------------------------------------------*/
.overlayed:before {
    visibility: visible !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #0000008f !important;
}


/*--------------------------------------------------
SPINNERS
--------------------------------------------------*/
.loader-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000bf;
    z-index: 999999999999999999;
    backdrop-filter: blur(5px);	
}

/* HTML: <div class="loader"></div> */
.loader {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #29ff4d;
    --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
    margin: 0 auto;
}
@keyframes l3 {to{transform: rotate(1turn)}}

/*--------------------------------------------------
WP BAKERY OVERRIDES
--------------------------------------------------*/
.vc_section {
	margin:0 !important;
}

/*--------------------------------------------------
SCROLL SPY
--------------------------------------------------*/
.scrollspy {
    text-align: center;
    padding: 15px;
}

.scrollspy li {
    display: inline;
    text-align: center;
    margin: 30px 10px;
}


ul.scrollspy a.active {
    color: #ff0000 !important; 
    font-weight: bold;
}

/*--------------------------------------------------
FUSION / LEGACY TEMPLATE
--------------------------------------------------*/
li.fusion-li-item {
    display: flex;
    justify-content: left;
    align-items: center;
}

li.fusion-li-item i {
    display: inline-block;
    margin-right: 15px;
}

/*--------------------------------------------------
WOOCOMMERCE
--------------------------------------------------*/
.wc-block-cart-item__remove-link {
    background: red !important;
    text-decoration: none !important;
    padding: 5px 15px !important;
}

.wc-block-components-product-price__value {
    font-size: 30px;
    font-weight: 700;
    color: #67ff60;
}

.wc-block-cart__submit-button {
    background: #3cb036;
    color: #fff !important;    
}