/*
Theme Name: Sweetness Child Theme
Description: A child theme based on Sweetness by BNE Creative.
Author: Kerry Kline
Author URI: http://www.bnecreative.com
Version: 1.0
Template: sweetness
*/

/*
 * 	IMPORTANT! There is no need to @import the parent's
 *	main style.css file. It's already enqueued!!
*/


sup{background:inherit; }

#main-content-wrapper {
    position: relative;
    padding: 35px 10px;
} 
 #header-wrapper {
    position: relative;
    padding: 10px 30px;
} 
#primary-menu > li > a {
   letter-spacing:2px;
}

/* ===========================================================
 *	typography
 * ======================================================== */
h2{
background: rgb(2,25,56);
background: -moz-linear-gradient(0deg, rgba(2,25,56,1) 0%, rgba(0,187,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(2,25,56,1) 0%, rgba(0,187,255,1) 100%);
background: linear-gradient(0deg, rgba(2,25,56,1) 0%, rgba(0,187,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#021938",endColorstr="#00bbff",GradientType=1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: left;
    transition: background-position .4s ease;
    background-position: right;
}
.video-banner h3, .video-banner .h3 {
    font-size: 75px!important;
    line-height: 1;
}
	
.entry-block h1, .entry-block .h1 {
    font-size: 60px;
    line-height: 1;
}
#footer-wrapper h3 {font-size:16px}
.fixed-sidebar .widget, .footer-widgets .widget {
    margin-bottom: 15px;
}

.bne-heading .heading-main {
    margin-top: 10px;
    line-height: 1;
}

 h4.heading-sub,  .h4.heading-sub {
    font-size:0.9rem;
}

 .heading-sub {  letter-spacing:1px;    text-transform: uppercase;   }




/* ===========================================================
 *	blocks-grid
 * ======================================================== */
	
.block-grid :where(.wp-block-columns) {
    margin-bottom:  0em;
}
.block-grid :where(.wp-block-columns.is-layout-flex) {
    gap: 0em;
}
#wrapper .block-grid .wp-block-column {
    margin: 0;
    padding: 0 0px;
}

.bne-container.has-padding-x .bne-container-content {
    padding-left: 50px;
    padding-right: 50px;
}
/* ===========================================================
 *	buttons
 * ======================================================== */

.bne-block-btn {
    background: transparent;
    color:#5a5a5a !important;border:solid 1px #5a5a5a;transition: background 300ms, background-color 300ms, color 300ms;
    box-shadow: none;
    padding: .7rem 1.5rem;
}
.btn:hover, .bne-block-btn:hover, a.bne-block-btn:hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 4px 6px rgba(50, 49, 94, 0.0);
    text-decoration: none;background:linear-gradient(90deg, rgba(43,84,137,1) 0%, rgba(48,179,227,1) 100%)!important;
}
a.btn:hover , a.bne-block-btn:hover {color:white!important;border:solid 1px #fff;}
.btn-3d, .wp-block-button.is-style-3d-rounded .wp-block-button__link, .wp-block-button.is-style-3d-squared .wp-block-button__link, .wp-block-button.is-style-3d .wp-block-button__link {
    box-shadow:none;
    border: none;background:linear-gradient(90deg, rgba(43,84,137,1) 0%, rgba(48,179,227,1) 100%)!important;
    transition: all .3s ease;
}
.is-style-3d a{color:#fff!important;}

.is-style-outline{
    color: #2b558a;
    border: 1px solid;
    border-image-slice:  1;
    border-image-source:linear-gradient(90deg, rgba(43,84,137,1) 0%, rgba(48,179,227,1) 100%);
    background: 0 0;
}
[class*="btn-outline-"], .wp-block-button.is-style-outline .bne-block-btn {
    border-width: 0px;
    padding: .7rem 1.5rem;
}


/* ===========================================================
 *	Responsive Styles
 * ======================================================== */

/* == Mobile and larger == */
@media (min-width: 481px) { }

/* == Tablet and larger == */
@media (min-width: 768px) { }

/* == Desktop and larger == */
@media (min-width: 1281px) { }

/* == Small Tablet only == */
@media (min-width: 481px) and (max-width: 767px) { }

/* == Large Tablet only == */
@media (min-width: 768px) and (max-width: 1024px) { }

/* == Small Desktop only == */
@media (min-width: 1025px) and (max-width: 1280px) { }

/* == Small Desktop and Smaller == */
@media (max-width: 1280px) { }

/* == Tablet and Smaller == */
@media (max-width: 767px) { }

/* == Mobile only == */
@media (max-width: 480px) { }