/*
Theme Name: Devoted Style
URI: http:/www.omadamarketing.com
Author: Omada Marketing llc.
Author URI: http:/www.omadamarketing.com
Description: Do you love the Omada Theme.  Omada Customization is a child theme that makes it easy to customize the theme without loosing your changes.
Template: devoted
License: GNU General Public License v2 or later
License URI: http:/www.gnu.org/licenses/gpl-2.0.html
*/

/* Load Google Fonts Locally for faster load speed
 * https:/google-webfonts-helper.herokuapp.com/fonts
 * Currently loading OpenSans and Roboto
 * Fonts are stored in the theme fonts folder
 */
@font-face{ font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: url('fonts/open-sans/eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('fonts/open-sans/eot') format('embedded-opentype'), url('fonts/open-sans/woff2') format('woff2'), url('fonts/open-sans/woff') format('woff'), url('fonts/open-sans/ttf') format('truetype'), url('fonts/open-sans/svg') format('svg');font-display: swap; }
@font-face{ font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto/eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto/eot') format('embedded-opentype'), url('fonts/roboto/woff2') format('woff2'), url('fonts/roboto/woff') format('woff'), url('fonts/roboto/ttf') format('truetype'), url('fonts/roboto/svg') format('svg');font-display: swap; }
@font-face{ font-family: 'Love_Letters'; font-style: normal; font-weight: 400; src: local('Love_Letters'), local('Love_Letters'), url('fonts/Love_Letters/ttf') format('truetype');font-display: swap; }
/* great-vibes-regular - latin */

@font-face {  font-family: 'Great Vibes'; font-style: normal; font-weight: 400; src: url('fonts/great-vibes-v7-latin-regular/eot'); /* IE9 Compat Modes */ src: local('Great Vibes'), local('GreatVibes-Regular'), url('fonts/great-vibes-v7-latin-regular/eot') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/great-vibes-v7-latin-regular/woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/great-vibes-v7-latin-regular/woff') format('woff'), /* Modern Browsers */ url('fonts/great-vibes-v7-latin-regular/ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/great-vibes-v7-latin-regular/svg') format('svg'); /* Legacy iOS */
font-display: swap;
}
@font-face{ font-family: 'Century_Gothic'; font-style: normal; font-weight: 400; src: local('Century_Gothic'), local('Century_Gothic'), url('fonts/Century_Gothic/ttf') format('truetype');font-display: swap; }

/* Breakpoints - If you wish to change the topbar breakpoint you must also change menu.css line ~294 to match the set em */
.foundation-mq{font-family:"small=0em&medium=40em&topBarBP=46em&large=64em&xlarge=75em&xxlarge=90em";}

*,*::before,*::after{box-sizing:inherit}
html *{outline:none!important;}
html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;color:#0a0a0a;font-size:16px;font-family:arial;}
body{margin:0;padding:0; background: url("../wp-content/themes/devoted-style/marble.jpg") repeat #D6D6D4; ;line-height:1.5;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Open Sans',sans-serif,arial;color:fff;}

.logo img{ padding: 1rem;}
.social span{color:#2a486b;}
#header{ padding-top: 20px;}
.home-page #header{margin:0;}
#footer{ padding-bottom: 1rem; background: #5e7875;}
#footer .cell{position: relative;}

#menu-footernav{text-align:center;}
@media print, screen and (min-width: 640px){
	.footerBack {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	#menu-footernav{text-align:right;}
}


#footer{ background-image: url("../wp-content/themes/devoted-style/FooterFly.png"); background-position: -146px 126px; background-repeat: no-repeat;}
#footer h4{font-size: 1.8rem; font-family: 'Century_Gothic'; line-height: 1.9rem !important;}
#footer label{color: #fff;}

a.button {background-color: #8d6785; color: #fff; border-radius: 5px;padding: .85rem 2.5rem;}

a.button.invert {background-color: #25496c; color: #fff; border-radius: 5px;padding: .85rem 2.5rem;}
a.button.invert:hover {background-color: #8d6785; }

a.button.green {background-color: #5e7875; color: #fff; border-radius: 5px;padding: .85rem 2.5rem; width:100%;box-shadow: 0px 0px 11px inset #344241;}
a.button.green h2{color: #fff; font-size: 1.8rem; margin:0; padding:0;text-shadow: 1px 4px 7px #475d5a;line-height: 1!important;
    padding-top: 12px;}
a.button.green:hover {background-color: #25496c; }
a.button.green .fa{ font-size:70px;text-shadow: 1px 4px 7px #475d5a;}


.button:hover {opacity: .8;}
.white {color: #fff;}
.fullBkg {background-color: #A69B95; padding: 2rem 0;}


.cenBtn {text-align: center; margin-top: 1.5rem;}
/** Homepage **/
.home-page #body-content {padding: 0 0 2rem 0;}
.hp .card-divider {padding: 1rem 0 1.5rem 0;}
.hp .card h2{width: 100%; padding: 0;}
.hp .card img{ min-height: 1px; width: 50px; margin: auto; margin-top: 1.5rem; margin-bottom: .5rem;}
.homeFeed h2{margin: 0 0 1.5rem;}
.homeFeed .feedExcerpt, .homeFeed .feedTitle {padding: 0 1rem 0 1rem;}
.homeFeed .feedExcerpt{ text-align: left;}
.homeFeed .feedTitle {font-family: 'Century_Gothic',sans-serif,arial; font-weight: 600; margin-top: 2rem; margin-bottom: 1rem;}
.homeFeed .feedImage img{width: 100%;}
.homeFeed .feedLink a{margin:0;width:100%}
.innerContent{padding-bottom: 1rem;}
div.fw img{width: 100%;}
.card a img:hover{opacity: .7;}
.margB{margin-bottom: 1rem;}
.eventSection {padding-top: 2rem; padding-bottom:3rem;}

span.simple{font-family: 'Century_Gothic'; color: #254a6c;}

.oddCategory,.evenCategory{ padding:3rem 0;}
.oddCategory{
	background: rgba(255, 255, 255, .5);
	border-top: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
}

.slideSystem{ position:relative;}

.contentOverlay{text-align:center;}
.contentOverlay .h1,.contentOverlay h3{margin:0; color:#2a486b;}
@media print, screen and (min-width: 880px){
	.contentOverlay{
		position: absolute;
		bottom: 3rem;
		z-index: 9;
		left: 2rem;
		color:#fff;
		text-shadow: 0 0 3rem #000, 0 0 2rem #000, 0 0 1rem #000, 0 0 4rem #000, 0 0 5px #000;
		text-align:left;
	}
	.contentOverlay .h1{margin:0; color:#fff;}
	.contentOverlay h3{margin-bottom:1rem; color:#fff;}
}

.contentOverlay .button{font-weight:bold; text-shadow:none;}
.contentOverlay a{color:#fff;}

.headerMenu a{color:#25496c; font-weight:bold;}
.nb{border:none;}
h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{ color: #254a6c; }

h4 .white{color: #fff;}
h4 .fa-star, h4 .fa-star-half-alt {color: #8E6886;}
.fa-star, .fa-star-half-alt {text-shadow: none;}
span.fab {Color: #254a6c;}
.lgbtq-friendly {
    position: absolute;
    top: 4px;
    right: 2px;
    width: 42px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(270deg);
	z-index:999;
}

.archiveCategory {
    font-size: 1rem;
    margin-top: -16px;
}

.osharebtns ul{width:100%;}
.featuredTitle, .eventTitle{display:table-cell; vertical-align: middle; padding: 5px;}
.verticalHeading{display: table; border-spacing: 5px; }

.post-with-image{margin-top: 10px; background:#fff; border-radius:5px;}
.post-with-image img{border:1px solid #ccc; border-radius:5px;}

#comment-rating,#comment-rating option{font-family: "Font Awesome 5 Free"!important; font-weight: bold; color: #8E6886;}

img.thumbnail {
    padding: 5px;
    border: 1px solid #ccc;
    display: block;
    margin-bottom: 2rem;
	border-radius:5px;
}

.featuredLabel{ background: #8E6886; color: #fff; text-align: center; padding-top: 1.25rem; padding-bottom: 1.25rem; margin: 0; line-height: 1 !important; border-top-right-radius: 5px; border-top-left-radius: 5px}
h5.featuredLabel{font-size: 1.5rem;padding-bottom: 12px;}
h3.featuredLabel{font-size: 2.2rem; padding-bottom: 6px; padding-top: 14px;}

.padAll{padding: 1rem;}
span.cat{padding-bottom:5px;display:block; color: #8E6886;}




img.circle{border-radius:50%;border: 5px solid #8d6785;box-shadow: 4px 4px 10px #bababa;}
.staffBox{text-align:center;}
.ltgray{background:#ccc; margin-bottom:1rem;}

.archiveTitle{ margin-right: 108px; padding-bottom: 5px; font-size:1.5rem; }
.pictureBox{background:#fafaff;}


.socialShare .menu a{padding:0 !important;}

.eventSection img {width:100%;}
p .callout .error{display:none;}

.flipBook{height:90vh; width:90%; margin:auto;}
.df-container {background-color: rgba(255, 255, 255, .5) !important;}

.searchExcerpt{margin-right:80px;}
.minHei{min-height:145px;}


/* Photo Gallery System */
#imagePopup{background:url(https:/devotedcincinnati.com/wp-content/uploads/Seamless-marble-texture.jpg) repeat #D6D6D4;}
#imagePopup .button{padding: .85em 1em; width:100%;margin-bottom:8px;}
#photoButtons{text-align:center; }
#photoTitle{font-weight:bold; }
#photoDesc{font-size: .8rem; }
#photoDetails{padding-top:30px;background:#fff}
#imagePopupImg{max-height:50vh;}
.icellg-25{height:60vh;width:100%;}
.icellg-50{height:30vh;width:100%;}
.icell{padding:8px;}
.icell.w25{height:100%;}
.icell.h50{height:50%;}
.icell.w50{width:50vw;}
.icell.w100{width:100%}
.icell.h100{height:100%}
.imgCover{background-size: cover;background-position: center center;height:100%;width:100%;border-radius:5px;opacity:.9;}
.imgCover:hover{ opacity:1; }
@media print, screen and (min-width: 40em){
	.igrid{width:100vw;height:75vh;max-width:100%;}
	.icellg-25{height:100%;width:25%;float:left;}
	.icellg-50{height:100%;width:50%;float:left;}
	.icell.w25{height:100%;}
	.icell.h50{height:50%;}
	.icell.w50{width:50vw;}
	.icell.w100{width:100%}
	.icell.h100{height:100%}
	#imagePopupImg{max-height:88vh;}
	#photoDetails{padding-left:1rem;max-height:88vh;height:100%;overflow-y:scroll;}
}


/*Profile Header Image */
.profileImageBanner{ background-size: cover; height:50vh; }
.imgCenter{background-position:center center;}
.imgTop{background-position:top center;}
.imgBottom{background-position:bottom center;}




/* Discount System */

.discount{ 
	border: 2px dashed #254a6c;
	padding:1rem;
	position:relative;
}
.discount .cut{
	position: absolute;
    top: -12px;
    left: -1px;
}
.discount small{ display:block; font-size:.7rem;}

.fwAd{ margin-bottom:1rem; position:relative; }
.fwAd img{width:100%;border: 1px solid rgba(10, 10, 10, 0.25);}
.adOverlay{ position: absolute; bottom:0; left:2px; font-size:.6rem;mix-blend-mode: color-burn;}