/*  MICROTHEMER STYLES  */

/*= Animations ================ */

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


/*= General =================== */

/** General >> Section 2 306 ct section inner wrap **/
#section-2-306 > .ct-section-inner-wrap {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	grid-template-rows: auto auto auto auto auto !important;
}

/** General >> Inner content 3 306 **/
#inner_content-3-306 {
	display: grid !important;
	grid-template-columns: 1fr 1fr 1fr !important;
	grid-template-rows: auto auto auto !important;
}
#inner_content-3-306 > :nth-child(2) {
	grid-area: 2 / 1 / 3 / 2 !important;
}
#inner_content-3-306 > :nth-child(4) {
	grid-area: 2 / 1 / 3 / 2 !important;
}

/** General >> Slider 498 36 unslider arrow **/
#slider-498-36 .unslider-arrow {
	margin-top: 40px !important;
}

/** General >> Unslider nav list item **/
.unslider-nav li {
	background-color: rgb(66, 158, 108) !important;
	border-color: rgb(30, 146, 83) !important;
}

/** General >> Unslider nav list item:(1) **/
.unslider-nav li:nth-of-type(1) {
	border-color: rgb(30, 146, 83) !important;
}

/** General >> Wpgb area top 1 wpgb facet **/
.wpgb-area-top-1 > .wpgb-facet {
	width: 0 !important;
	margin-bottom: -21px !important;
}

/** General >> Shortcode 773 36 wpgb card 2 **/
#shortcode-773-36 .wpgb-card-2 {
	margin-top: -80px !important;
	margin-left: -21px !important;
}

/** General >> UseyourDrive 1834b1700c75029c2a780fc4ae88f2cb entry thumbnail view center **/
#UseyourDrive-1834b1700c75029c2a780fc4ae88f2cb .entry_thumbnail-view-center {
	box-shadow: 0 0 0 0 !important;
	background-color: rgb(244, 244, 244) !important;
}

/** General >> UseyourDrive 1834b1700c75029c2a780fc4ae88f2cb nav header **/
#UseyourDrive-1834b1700c75029c2a780fc4ae88f2cb .nav-header {
	font-family: monospace !important;
	font-size: 17px !important;
	line-height: 1.58 !important;
	background-color: rgb(30, 146, 83) !important;
}

/** General >> UseyourDrive 1834b1700c75029c2a780fc4ae88f2cb first breadcrumb **/
#UseyourDrive-1834b1700c75029c2a780fc4ae88f2cb .first-breadcrumb {
	font-size: 15px !important;
}

/** General >> UseyourDrive 1834b1700c75029c2a780fc4ae88f2cb fa home **/
#UseyourDrive-1834b1700c75029c2a780fc4ae88f2cb .fa-home {
	color: rgb(23, 118, 66) !important;
}

/** General >> UseyourDrive 22312ce73fb9fcf90da770154b146ed0 ajax filelist **/
#UseyourDrive-22312ce73fb9fcf90da770154b146ed0 .ajax-filelist {
	padding: 30px !important;
}

/** General >> Wp submit **/
#wp-submit {
	font-weight: 500 !important;
	box-shadow: 0 0 0 0 !important;
	border-width: 0 !important;
}

/** General >> Loginform label **/
#loginform label {
	margin-bottom: 10px !important;
}

/** General >> Reg email **/
#reg_email {
	background-color: rgba(66, 158, 108, 0.08) !important;
	height: 60px !important;
}

/** General >> Ouwoo registration 4 2183 woocommerce form register submit **/
#-ouwoo_registration-4-2183 .woocommerce-form-register__submit {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(66, 158, 108) !important;
}

/** General >> Shortcode 107 2183 ff el form top **/
#shortcode-107-2183 .ff-el-form-top {
	text-align: left !important;
}

/** General >> Ff el input content input **/
.ff-el-input--content > input {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/** General >> Menu item 2191 link **/
#menu-item-2191 > a {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(66, 158, 108) !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-radius: 6px !important;
}

/** General >> Menu item 2193 link **/
#menu-item-2193 > a {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(66, 158, 108) !important;
	padding: 15px 30px 15px 30px !important;
	border-radius: 6px !important;
}

/** General >> Image 1180 36 **/
#image-1180-36 {
	border-radius: 12px !important;
	-webkit-animation-name: fadeInUp !important;
	animation-name: fadeInUp !important;
	-webkit-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	-webkit-animation-delay: 0.8s !important;
	animation-delay: 0.8s !important;
}

/** General >> Ouwoo login 139 1638 woocommerce form label for checkbox **/
#-ouwoo_login-139-1638 .woocommerce-form__label-for-checkbox {
	display: grid !important;
	grid-template-columns: 1fr !important;
	grid-template-rows: auto auto !important;
}

/** General >> Registerform heading 2 **/
#registerform > h2 {
	display: none !important;
}

/** General >> Login register **/
#login > .register {
	border-left-color: rgb(100, 125, 84) !important;
}


/*= General _2 ================ */

/** General _2 >> Login **/
#login {
	box-shadow: 20px 20px 50px 0 rgba(60, 67, 74, 0.33) !important;
	padding-top: 50px !important;
	margin-bottom: 50px !important;
}

/** General _2 >> Pojo a11y toolbar toggle link **/
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle-link {
	margin-top: 21px !important;
}

/** General _2 >> Brxe bgvndr **/
#brxe-bgvndr {
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-flex-direction: row-reverse !important;
	-moz-flex-direction: row-reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

/** General _2 >> Brxe kwkiap **/
#brxe-kwkiap {
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-flex-direction: row-reverse !important;
	-moz-flex-direction: row-reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}

/** General _2 >> Wpgb main **/
.wpgb-main {
	font-size: 30px !important;
	padding: 30px !important;
}

/** General _2 >> Wpgb card inner _2 **/
.wpgb-card-inner {
	padding: 0 !important;
}

/** General _2 >> Wpgb block 2 **/
.wpgb-block-2 {
	color: rgb(23, 118, 66) !important;
	font-size: 18px !important;
	background-color: rgba(255, 255, 255, 0.4) !important;
}

/** General _2 >> Link **/
.sub-menu a {
	background-color: rgb(27, 82, 69) !important;
}

/** General _2 >> Link (:hover) **/
.sub-menu a:hover {
	background-color: rgb(30, 91, 76) !important;
}

/** General _2 >> Wpgb block 2 (:hover) **/
.wpgb-block-2:hover {
	color: rgb(62, 193, 162) !important;
}

/** General _2 >> Wpgb card inner _2 (:hover) **/
.wpgb-card-inner:hover {
	box-shadow: 5px 5px 30px 0 rgba(30, 91, 76, 0.36) !important;
}

/** General _2 >> Wpgb load more **/
.wpgb-load-more {
	text-shadow: 0 0 !important;
	background-color: rgb(62, 193, 162) !important;
}

/** General _2 >> Wpgb load more (:hover) **/
.wpgb-load-more:hover {
	background-color: rgb(47, 146, 122) !important;
}

/** General _2 >> Ff 3 dropdown 1 **/
#ff_3_dropdown_1 {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

/** General _2 >> Link _3 **/
.menu-item-type-post_type a {
	text-decoration: none !important;
}

/** General _2 >> Link _2 **/
#menu-item-3642 a {
	text-decoration: none !important;
}

/** General _2 >> Cky btn accept **/
.cky-notice-btn-wrapper .cky-btn-accept {
	background-color: rgb(67, 189, 157) !important;
}

/** General _2 >> Cky btn accept _2 **/
.cky-prefrence-btn-wrapper .cky-btn-accept {
	background-color: rgb(67, 189, 157) !important;
	border-color: rgb(67, 189, 157) !important;
	border-radius: 10px !important;
}

/** General _2 >> Cky btn preferences **/
.cky-prefrence-btn-wrapper .cky-btn-preferences {
	color: rgb(30, 91, 76) !important;
	border-color: rgb(67, 189, 157) !important;
	border-radius: 10px !important;
}

/** General _2 >> Cky btn reject **/
.cky-prefrence-btn-wrapper .cky-btn-reject {
	color: rgb(30, 91, 76) !important;
	border-color: rgb(67, 189, 157) !important;
	border-radius: 10px !important;
}

/** General _2 >> Pojo a11y toolbar title **/
#pojo-a11y-toolbar .pojo-a11y-toolbar-title {
	font-size: 14px !important;
}


/*( Large Desktop )*/
@media (min-width: 1200px) {
	/** General >> Wpgb area top 1 wpgb facet **/
	.wpgb-area-top-1 > .wpgb-facet {
	min-width: 33% !important;
	max-width: 100px !important;
}

	/** General >> Menu main 1 link **/
	#menu-main-1 a {
	font-size: 30px !important;
}

	/** General _2 >> Wpgb card inner **/
	.wpgb-card-inner {
	padding: 10px !important;
	margin: 0 !important;
}

}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** General >> Wpgb area top 1 wpgb facet **/
	.wpgb-area-top-1 > .wpgb-facet {
	max-width: 285px !important;
}

	/** General >> List item:(6) link **/
	#menu-main-1 > li:nth-of-type(6) > a {
	background-color: rgb(30, 146, 83) !important;
	width: 35% !important;
	padding: 10px 20px 10px 20px !important;
	border-radius: 12px !important;
}

	/** General >> Menu main 1 link **/
	#menu-main-1 a {
	font-size: 32px !important;
}

	/** General _2 >> Pojo a11y toolbar toggle link **/
	#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle-link {
	margin-top: -7px !important;
}

	/** General _2 >> X hamburger text **/
	#brxe-bgvndr .x-hamburger-text {
	margin-right: 10px !important;
}

	/** General _2 >> Wpgb card inner _2 **/
	.wpgb-card-inner {
	padding: 10px !important;
	margin: 0 !important;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** General >> List item:(6) link **/
	#menu-main-1 > li:nth-of-type(6) > a {
	background-color: rgb(30, 146, 83) !important;
	width: 40% !important;
	padding: 10px 20px 10px 20px !important;
	border-radius: 12px !important;
}

	/** General >> Menu main 1 link **/
	#menu-main-1 a {
	font-size: 29px !important;
}

	/** General >> Shortcode 107 2183 **/
	#shortcode-107-2183 {
	width: 100% !important;
}

	/** General _2 >> Pojo a11y toolbar toggle link **/
	#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle-link {
	margin-top: 104px !important;
}

	/** General _2 >> Wpgb card inner _2 **/
	.wpgb-card-inner {
	padding: 10px !important;
	margin: 0 !important;
}

	/** General _2 >> Login **/
	#login {
	width: 500px !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** General >> Shortcode 773 36 wpgb card 2 **/
	#shortcode-773-36 .wpgb-card-2 {
	width: 100% !important;
	margin: -50px 0 0 -20px !important;
}

	/** General >> Shortcode 773 36 wpgb main **/
	#shortcode-773-36 .wpgb-main {
	padding-right: 20px !important;
	padding-bottom: 15px !important;
	padding-left: 20px !important;
}

	/** General >> List item:(6) link **/
	#menu-main-1 > li:nth-of-type(6) > a {
	width: 66% !important;
}

	/** General >> Menu main 1 link **/
	#menu-main-1 a {
	font-size: 28px !important;
}

	/** General >> Section 102 2183 ct section inner wrap **/
	#section-102-2183 > .ct-section-inner-wrap {
	padding: 0 !important;
	margin: 0 !important;
}

	/** General >> Shortcode 107 2183 **/
	#shortcode-107-2183 {
	width: 100% !important;
}

	/** General >> Wpgb area top 1 wpgb facet **/
	.wpgb-area-top-1 > .wpgb-facet {
	margin-bottom: -21px !important;
}

	/** General _2 >> Pojo a11y toolbar toggle link **/
	#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle-link {
	margin-top: 97px !important;
}

	/** General _2 >> Wpgb card inner _2 **/
	.wpgb-card-inner {
	padding-top: 10px !important;
	margin: 0 !important;
}

	/** General _2 >> Heading 4 **/
	#brxe-pcedfp h4 {
	margin-bottom: 9px !important;
}

	/** General _2 >> Login **/
	#login {
	width: 90% !important;
}

}