/* BEGIN Astra Mega Sub Menu Styling */
.rad-sub-menu a {text-transform: capitalize}

.rad-sub-menu li:hover {color: #fda929; transition: all .1s ease-in-out}

.ast-mega-menu-enabled .astra-megamenu-li .sub-menu a:hover, .ast-desktop .ast-mega-menu-enabled.submenu-with-border .astra-megamenu-li .sub-menu a:hover {
    background-color: transparent
}
/* END Astra Mega Sub Menu Styling */

.ri-saturate-on-hover {filter: saturate(0)}
.ri-saturate-on-hover:hover {filter: saturate(100%)}

.ri-saturate-on-hover {transition: all 1s ease-in-out}

.rad-white a {color: white}
.rad-white a:hover {color: #fda929}

.rad-white li {color: white; text-transform: capitalize}
.rad-white li:hover {color: #fda929}
.rad-white li {transition: all .5s ease-in-out}

#wpforms-submit-879 {padding: 5px 25px; border-radius: 12px !important; transition: all .3s ease-in-out;background-color: #373d42}

#wpforms-879-field_1:active {box-shadow: 5px 10px 50px #fda929 !important}

#wpforms-submit-879:hover {background-color: #fda929}

.ri-transition-5s {transition: all .5s ease-in-out !important}

.ast-off-canvas-overlay .woocommerce .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar, .ast-off-canvas-overlay .woocommerce-page .astra-off-canvas-sidebar-wrapper .astra-off-canvas-sidebar {background-color: gray}

.rad-menu-faqs {text-transform: capitalize}

.rad-menu-above a {color: #373d42}
.rad-menu-above a:hover {color: #373d42}

/* BEGIN Above Menu Styling */
.rad-menu-above a:hover {color: #fda929}
.rad-menu-above a {
	 color: lightgray;
	 position: relative;
	 text-decoration: none;
	 padding-bottom: 5px;}
.rad-menu-above a:before, .rad-menu-above a:after {
	 content: '';
	 position: absolute;
	 bottom: 2px;
	 left: 0;
	 right: 0;
	 height: 1px;
	 background-color: #fda929;}
.rad-menu-above a:before {
	 opacity: 0;
	 transform: translateY(-8px);
	 transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;}
.rad-menu-above a:after {
	 opacity: 0;
	 transform: translateY(4px);
	 transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;}
.rad-menu-above a:hover:before, .rad-menu-above a:focus:before, .rad-menu-above a:hover:after, .rad-menu-above a:focus:after {
	 opacity: 1;
	 transform: translateY(0);}
.rad-menu-above a:hover:before, .rad-menu-above a:focus:before {
	 transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;}
.rad-menu-above a:hover:after, .rad-menu-above a:focus:after {
	 transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;}
/* END Above Menu Styling */

@media only screen and (max-width: 1200px) {
.main-header-bar-navigation ul {font-size: 0.8rem}
.main-header-bar-navigation.toggle-on ul {font-size: 1rem !important}
}

@media only screen and (max-width: 1100px) {
.main-header-bar-navigation ul {font-size: 0.7rem}
.main-header-bar-navigation.toggle-on ul {font-size: 1rem !important}
}

@media only screen and (max-width: 980px) {
.main-header-bar-navigation ul {font-size: 0.6rem}
.main-header-bar-navigation.toggle-on ul {font-size: 1rem !important}
}

@media only screen and (max-width: 768px) {
.sidebar-main {display: none}
}

.post-navigation {display:none}

.rad-hide-caption .uael-grid-img-caption {
	display:none
}

a.rad-white {color:white}
.rad-gray a {color:gray}
.rad-gray {color:gray}
a.rad-white:hover {color:#fda929}
i.rad-orange {color:#fda929}


/*************************************************/
/* Elementor Footer Social                       */
/*************************************************/
#rad-socials a {
	color: white;
	font-size: 1.2em
}

#rad-soc-fb i:hover {
	color: #3C5A99;
    transition: all .3s
}

#rad-soc-tw i:hover {
	color: #1DA1F2;
    transition: all .3s
}

#rad-soc-yt i:hover {
	color: #FF0000;
    transition: all .3s
}

#rad-soc-ig i:hover {
  color: #fff;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  border-radius: 5px;
  height: 18px
}

/*This one is used on the Convert Pro for 3x font awesome size*/
#rad-soc-ig2 i:hover {
  color: #fff;
  background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  border-radius: 15px;
  height: 38px
}

#rad-soc-rss i:hover {
	color: #f26522;
    transition: all .3s
}
/*************************************************/

/* START Footer Widget 1 Styling */
.widget_media_image {margin-top: -55px;margin-left: 12px}
.rad-footer-contact {display: flex;align-items: flex-start;padding: 1em;}
.rad-footer-contact-1 {margin-top: -10px;}
.rad-footer-contact-2 {margin-top: -60px;}
.rad-footer-fa {margin-right: 1em;color: #fda929; margin-top: -5px}
.rad-footer-contact-indent {flex: 1;color: lightgray;line-height: 1.4}
.rad-footer-contact-head {margin: 0 0 .3em;font-size: 17px;color: white;}
/* END Footer Widget 1 Styling */

				
/* BEGIN Give delay to menu item */
.ast-desktop .astra-menu-animation-fade > .menu-item > .astra-full-megamenu-wrapper {
    transform: scale(0);
}

.ast-desktop .astra-menu-animation-fade > .menu-item:hover > .astra-full-megamenu-wrapper {
    transform: none;
    transition: opacity ease-in-out .3s, transform 0s;
    transition-delay: .2s;
}
/* END Give delay to menu item */

.ast-desktop .ast-mega-menu-enabled .astra-full-megamenu-wrapper {
  -webkit-box-shadow: 0px 300px 0px 300px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 300px 0px 300px rgba(0,0,0,0.8);
box-shadow: 0px 300px 0px 300px rgba(0,0,0,0.80);
}

span.xoo-el-close {color: black}
span.xoo-el-close:hover {color: black}

.xoo-aff-group {margin-bottom:10px}
.xoo-aff-group.xoo-aff-email {margin-bottom:25px}

.rad-turn-90 {transform: rotate(90deg)}

@media only screen and (max-width: 600px) {
	.rad-center {text-align:center !important}
}

/* On tablet mode, there was an extra character added to the menu items left side, this is to remove it*/
/*.ast-header-break-point .main-navigation ul.children li a:before, .ast-header-break-point .main-navigation ul.sub-menu li a:before {display:none}*/
.rad-tablet-menu a:before {display:none !important}
.rad-tablet-menu-heading a:before {display:none !important}

@media (max-width: 960px) {
.rad-tablet-menu-heading a {padding-left: 0px !important; border-bottom-width:0 !important; color: #fda929 !important}
}

@media (max-width: 768px) {
.rad-tablet-menu a {padding-left: 0px !important; border-bottom-width:0 !important}
}
	
.rad-darkgray {color: gray;text-align: center;}

@media only screen and (max-width: 768px) {
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {width: 100%}
}

@media only screen and (max-width: 768px) {
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary
	{width:100%}
}

@media only screen and (max-width:  360px) {
	.elementor-image-box-title {font-size: 16px !important}
	.elementor-image-box-description {font-size: 13px !important}
}

.rad-transition {transition: all .3s ease-in-out
}

.rad-bold {font-weight: bold}

.cookielawinfo-row {color:white}

.rad-confirmation {font-size: 0.8rem}

.wpforms-container .wpforms-field {position:static}

/* Generated by http://responsive-css.spritegen.com Responsive CSS Sprite Generator */
 
.rad-spec-additives, .rad-spec-curing, .rad-spec-fabric, .rad-spec-mesh, .rad-spec-squeegee, 
.rad-spec-stencil, .rad-spec-storage, .rad-pdf
{ max-width: 100%; background-size: 100%; background-image: url('//www.radiantinks.com/wp-content/swift-ai/images/wp-content/uploads/2019/09/specifications-png.webp'); }
 
.rad-spec-additives { background-position: 0 0%; background-size: 100%; }
.rad-spec-curing { background-position: 0 15.920398%; background-size: 100%; }
.rad-spec-fabric { background-position: 0 31.840796%; background-size: 100%; }
.rad-spec-mesh { background-position: 0 47.761194%; background-size: 100%; }
.rad-spec-squeegee { background-position: 0 63.681592%; background-size: 100%; }
.rad-spec-stencil { background-position: 0 79.60199%; background-size: 100%; }
.rad-spec-storage { background-position: 0 95.522388%; background-size: 100%; }
.rad-pdf { background-position: 0 100%; background-size: 387.5%; }

.rad-hover-opacity1 {filter: opacity(.8); transition: all .3s ease-in-out}
.rad-hover-opacity1:hover {filter: opacity(1)}