/*
Theme Name:   cnn
Description:  Light weight, stripped back theme
Author:       Katrien Moore
Author URI:   https://bemoore.com
Template:     BeMo
Version:      1.0.0
*/

/*-----------------banner with colour block-----------------*/
/*
h1.banner-text{
	background:var(--accent);
	bottom:25%;
	right:5% !important;
	left:initial;
	width:fit-content;
    font-size:2.5rem;
	transform:translateY(50%)!important;
	padding:1.5rem 6rem;
    border-radius:15px;
}

.page-banner-image{
    opacity: 1;
}

*/

/* Overlay on slider -> put this in the slider css box

.amazingslider-img-box-SLIDERID:before {
    content: " ";
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
}

.amazingslider-arrow-left-SLIDERID,
.amazingslider-arrow-right-SLIDERID,
.amazingslider-text-wrapper-SLIDERID {
    z-index: 2;
}

*/

#header {
	background: #fff;
}


.header-main-second-row {
	padding-right: 3%;
}

.header-buttons-1 {
	padding-right: 20px;

}

.header-logo {
	margin: 15px 0px;
}

.header-button {
	margin-left: 20px;
	padding: 10px 30px;
	border-radius: 25px;
	box-shadow: 3px 3px 5px #dedede;
}

.fas.fa-cart-shopping,
.cart-count {
	color: var(--brown);
}




/*.header-button {
	animation: flashy-buttons ease-in-out 0.5s infinite alternate;
}



@keyframes flashy-buttons {
	0% {
		opacity: 0.1;
	}

	70% {
		opacity: 0.9;
	}

	100% {
		opacity: 1;
	}
}*/

/*-------------topbar-----------*/

.topbar > div {
	padding-right: 3%;
}

.header-social i {
	color: var(--brown);
	padding: 0px 10px;
	border-right: 1px solid var(--brown);
}

.custom-cart-icon i {
	color: var(--brown);
	padding: 0px 20px 0px 10px;
}

.cart-count {
	right: 10px;
}

.search-form input[type="search"] {
	padding: 3px 15px;
}

.topbar {
	background-color: var(--light-pink);
}

/*-----------logo---------*/
.header-logo {
	margin: 0px;
}

/*----------------menu------------*/

ul.ubermenu-submenu > li {

	padding: 6px 20px 6px 0px !important;
}

.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
	color: #808080 !important;
}

ul.ubermenu-submenu > li > a > span:hover {
	color: var(--red) !important;
}

.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-item-header > .ubermenu-target > span {
	border-bottom: 1px solid #222;
}

.ubermenu-submenu-drop {
	background: #F5F1F0 !important;
	padding: 20px !important;
}


li.ubermenu-item-level-0 > span > span,
li.ubermenu-item-level-0 > a > span {
	font-family: 'Comfortaa', sans-serif !important;
	font-weight: 400 !important;
}

.ubermenu-sub-indicator.fas.fa-angle-down {
	font-family: "Font Awesome 6 Pro" !important;
	font-weight: 300 !important;
	margin-left: 3PX;
}

.ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target > .ubermenu-sub-indicator {
	display: none;
}


#menu-item-56 > ul > li.ubermenu-item.ubermenu-item-type-custom.ubermenu-item-object-ubermenu-custom.ubermenu-item-has-children.ubermenu-item-183.ubermenu-item-level-1.ubermenu-column.ubermenu-column-auto.ubermenu-has-submenu-stack.ubermenu-item-type-column.ubermenu-column-id-183 > ul {
	margin-top: 62px;
}


.ubermenu-submenu.ubermenu-submenu-id-46.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack {
	margin-left: 20px;
}

.ubermenu-submenu.ubermenu-submenu-id-46.ubermenu-submenu-type-auto.ubermenu-submenu-type-stack > li > a {
	padding: 10px !important;
}

/*-----------------footer--------------------*/

#footer {
	background: var(--brown);
}

.single-footer-widget p,
.single-footer-widget a,
.single-footer-widget li,
.compfooter {
	color: white;
	font-size: 1.4rem;
	line-height: 2.0;
	margin-bottom: 8px;
	font-weight: 300;
}

.single-footer-widget {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.widget-title {
	margin-bottom: 20px;
}

.footer-widgets {
	width: 90%;
	margin: 0 auto;
	padding-top: 30px;
}

.footer-social {
	display: flex;
}

.footer-social i {
	font-size: 20px;
	margin-right: 10px;
}

a#footer-subscribe {
	border: 2px solid white;
	padding: 6px 15px;
	text-align: center;
	border-radius: 25px;
	margin-top: 15px;
}



.col-md-8.contact-text {
	background: #F5F1F0;
}

.contact-us-title h1 {
	font-size: 45px;
	font-weight: bold;
}

.contact-us-button a {
	background: var(--green);
	color: white;
	padding: 10px 20px;
	border-radius: 25px;
	box-shadow: 3px 3px 5px #dedede;
	font-size: 18px;
}

.contact-us-text p {
	font-size: 20px;
	margin-bottom: 25px;
}



/*-----------copy right-----------*/
.bemoore p,
.copyright span {
	color: var(--blue);
}

/*----------image credits------------*/
.row.credits,
.row.references,
.row.page-buttons {
	padding: 20px;
	border-top: 1px dashed #dedede;
	margin-top: 20px;
}

.credit > img {
	width: 50px;
}

.credit-text {
	font-size: 12px;
	margin-bottom: 0px;
	padding-left: 3px;
}

.credit-title {
	font-style: italic;
}

.source {
	font-weight: bold;
}

.credit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 8px;
}

.related-pages {
	padding: 20px;
	border-top: 1px dashed #dedede;
	margin-top: 10px;
}

ul.related-list.two-columns {
	column-count: 2 !important;
	/* Split into two columns */
	/* Your styles for a two column list */
}

/*-------back to top -------------*/