/* @override 
	http://localhost/~Bennu/yogalifebalance2019/assets/css/ylb19.css
	https://yogalifebalance.com/assets/css/ylb19.css */

@charset "ISO-8859-1";

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap');

body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background: -moz-linear-gradient(90deg, #f59a25 0%, #d75a01 100%) fixed;
	background: -webkit-gradient(linear, left bottom, left top, from(#f59a25), to(#d75a01)) fixed;
}

a {
	color: #1856c2;
}

a:hover {
	color: #f59a27;
}

h1 {
	font-size: 30px;
	font-weight: 400;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 18px;
    margin-top: 24px;
    color:#F49902;
}

header {
    background-image: url("../images/header-bg.png");
        margin-left: auto!important;
	margin-right: auto!important;
	max-width: 900px;
}

.mainpage {
	margin-left: auto;
	margin-right: auto;
	max-width: 900px;
	background-color: #ffffff;
	border: 2px solid #ecebeb;
	-moz-box-shadow: 3px 3px 5px #7b5e45;
	-webkit-box-shadow: 3px 3px 5px #7b5e45;
	box-shadow: 3px 3px 5px #7b5e45;
	border-radius: 0px 0px 30px 0px;
}

.navbar {
	font-size: 14px;
    text-align: center;
    max-width: 900px;
    margin-left: auto;
	margin-right: auto;
	line-height: 15px;
}


.navbar li a {
	color: #000000!important;
	text-decoration: none;font-weight: 400;
    text-shadow: -1px -1px 3px  #fafafa;
	padding-right: 10px;
	padding-left: 10px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#f49723), to(#d75b01));
	background-image: -moz-linear-gradient(90deg, #f49723 0%, #d75b01 100%);
	border-radius: 5px 5px 0px 0px;
    margin-left:3px;
    margin-right:3px;
}

.navbar a:hover, li.nav-item.active a {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#d75b01), to(#f49824));
	background-image: -moz-linear-gradient(90deg, #d75b01 0%, #f49824 100%);
	color: #201919;
	opacity: 0.8;
}

.navbar .socialmedia-nav a:hover {
    background-image: none;
}

.maincontent {
	padding-left: 50px;
	padding-right: 50px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bodybox {
	border-style: solid;
	border-color: #23b0fe;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 20px;
}

.bodybox h2 {
	color: #1590d4;
	padding-left: 15px;
}

.breakout_right {
	float: right;
	margin-left: 20px;
}

.rt-col {
    background-color:#F9F5EF;
}

.socialmedia-nav img {
    width: 40px;
    padding-left: 10px;
}

#quotebox {
	font-family: "Courier New", Courier, mono;
	padding: 10px;
	border: 2px dashed #949090;
}

.leadin {
	font-size: 18px;
	line-height: 25px;
}

.big-quote {  
    font-size: 18px;
	background-color: #f39901;
}

.big-quote p {
	padding-left: 60px;
	color: #fefffe;
}

.big-quote .circle-pic {
	border-radius: 100px;
	width: 120px;
	height: 120px;
	overflow: hidden;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}

.txt_breakout {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	color: #fc6d06;
	font-size: 120%;
	padding-top: 20px;
	padding-bottom: 20px;
}

footer {
	text-align: center;
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 3px solid #e5e4e2;
	clear: both;
}

footer a {
	color: #282626;
	text-decoration: none;
}

.legaltext {
    font-size: 11px
}

.col-sm-9, .col-sm-12 {
	padding: 2em;
}

.bodybox .col-sm-12 {
	padding: 0;
}

.about-pic {
    max-width: 200px;
    float: right;
    border-radius: 100px;
    overflow: hidden;
    border: solid 4px #D75B02;
    margin-left: 20px;
}

.covid19-popup {
    color: #A33233;
    font-weight: 500;
    background-color: #F6F1DA;
    padding: 10px;
    margin-bottom: 20px;
    border: dashed 2px;
}

@media (max-width: 580px) {
	
	header .text-right img {
		display: none;
	}
    
    .navbar {
        font-size: 24px;
    }
    
    .navbar li a {
        margin-bottom: 5px;
        border-radius: 0px;
    }
    
    .socialmedia-nav img {
        width: 80px;
    }
	
	.col-sm-3 .float-right {
		float: none!important;
	}
	
	.big-quote .circle-pic {

		margin-top: 0px;
		margin-bottom: 10px;
	}
	
	.about-pic {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	
	.aboutpage h1 {
		text-align: center;
	}
	}