/*
Theme Name: Hestia Child
Theme URI: https://www.themeisle.com/
Description: This is a custom child theme I have created.
Author: ThemeIsle
URI: https://www.themeisle.com/
Template: hestia    
Version: 0.1
*/

.navbar .title-logo-wrapper {
    max-width: 100px;
}

@media (min-width: 769px) {
    .navbar.hestia_left .title-logo-wrapper {
        min-width: 150px;
    }
}

.navbar .navbar-header .navbar-brand img {
    max-height: 75px;
}

@media (min-width: 769px) {

	.navbar .navbar-header .navbar-brand img {
		max-height: 100px;
	}

}

	@media (max-width: 768px) {
    .navbar.navbar-fixed-top .navbar-collapse {
        max-height: calc(100% - 75px);
        margin-top: 75px;
    }
}

.carousel .item .container {
	flex-direction: column;
}

@media (max-width: 768px) {
	.carousel .item .container {
		padding: 0;
	}
}

.carousel .buttons {
    margin-top: 20px;
}

.carousel .page-header .row {
    flex: 0 1 auto;
}


.hestia-slider-alignment-left .widget_media_image img {
    display: block;
	margin: 0 auto;
	max-width: 100px;
}

#carousel-hestia-generic .page-header {
	min-height: auto !important;
}

#bbm-big-header-podcast {
	margin-top: 3rem;
	padding: 0;
}

#carousel-hestia-generic .bbm-player-title {
	line-height: 1.25em;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 1rem;
}

#carousel-hestia-generic .bbm-player-title a {
	color: #ffffff;
}

#carousel-hestia-generic .bbm-player-album-art img {
	max-width: 300px;
	padding: 2rem 0 1rem;
}

#carousel-hestia-generic .bbm-player-album-art-wrap {
	align-self: flex-start;
}

@media (min-width: 768px) {
	 img {
		max-width: 100%;
	}
}

#carousel-hestia-generic .bbm-player {
	padding: 2rem 0;
}

/* Buttons - Shortcode */
a.small-button,
a.big-button,
a.icon-button {
	display: inline-block;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	line-height: 26px;
}
a.small-button,
a.icon-button {
	margin: 0 5px 8px 0;
	padding: 6px 14px;
	font-size: 12px;
	font-weight: bold !important;
}
a.small-button:hover,
a.big-button:hover,
a.icon-button:hover {
	text-decoration: none;
}
a.smallblue,
a.bigblue {
	border: 1px solid #3e8ff4;
	color: #2b63a8 !important;
	background: #88bdff;
	background: -moz-linear-gradient(top, #88bdff 0%, #60a7ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88bdff), color-stop(100%, #60a7ff));
	background: -webkit-linear-gradient(top, #88bdff 0%, #60a7ff 100%);
	background: -o-linear-gradient(top, #88bdff 0%, #60a7ff 100%);
	background: -ms-linear-gradient(top, #88bdff 0%, #60a7ff 100%);
	background: linear-gradient(to bottom, #88bdff 0%, #60a7ff 100%);
}
a.smallblue:hover,
a.bigblue:hover {
	color: #23528c !important;
}
a.smalllightblue {
	border: 1px solid #51b5e4;
	color: #348db6 !important;
	background: #8edbff;
	background: -moz-linear-gradient(top, #8edbff 0%, #60cdff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8edbff), color-stop(100%, #60cdff));
	background: -webkit-linear-gradient(top, #8edbff 0%, #60cdff 100%);
	background: -o-linear-gradient(top, #8edbff 0%, #60cdff 100%);
	background: -ms-linear-gradient(top, #8edbff 0%, #60cdff 100%);
	background: linear-gradient(to bottom, #8edbff 0%, #60cdff 100%);
}
a.smalllightblue:hover {
	color: #287295 !important;
}
a.smallteal,
a.bigteal,
a.bigturquoise {
	border: 1px solid #48bec0;
	color: #3da7a9 !important;
	background: #61eef0;
	background: -moz-linear-gradient(top, #61eef0 0%, #59dcde 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #61eef0), color-stop(100%, #59dcde));
	background: -webkit-linear-gradient(top, #61eef0 0%, #59dcde 100%);
	background: -o-linear-gradient(top, #61eef0 0%, #59dcde 100%);
	background: -ms-linear-gradient(top, #61eef0 0%, #59dcde 100%);
	background: linear-gradient(to bottom, #61eef0 0%, #59dcde 100%);
}
a.smallteal:hover,
a.bigteal:hover,
a.bigturquoise:hover {
	color: #309192 !important;
}
a.smallgreen,
a.biggreen {
	border: 1px solid #4dab46;
	color: #569d51 !important;
	background: #94e48d;
	background: -moz-linear-gradient(top, #94e48d 0%, #82cf7c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #94e48d), color-stop(100%, #82cf7c));
	background: -webkit-linear-gradient(top, #94e48d 0%, #82cf7c 100%);
	background: -o-linear-gradient(top, #94e48d 0%, #82cf7c 100%);
	background: -ms-linear-gradient(top, #94e48d 0%, #82cf7c 100%);
	background: linear-gradient(to bottom, #94e48d 0%, #82cf7c 100%);
}
a.smallgreen:hover,
a.biggreen:hover {
	color: #478542 !important;
}
a.smallorange,
a.bigorange {
	border: 1px solid #db9c51;
	color: #c7822f !important;
	background: #ffcb8c;
	background: -moz-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffcb8c), color-stop(100%, #ffb660));
	background: -webkit-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
	background: -o-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
	background: -ms-linear-gradient(top, #ffcb8c 0%, #ffb660 100%);
	background: linear-gradient(to bottom, #ffcb8c 0%, #ffb660 100%);
}
a.smallorange:hover,
a.bigorange:hover {
	color: #a96c23 !important;
}
a.smallsilver {
	border: 1px solid #c3c3c3;
	color: #595a5a !important;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e2e2e2));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #e2e2e2 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%, #e2e2e2 100%);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px 1px #fff;
}
a.smallsilver:hover {
	color: #454545 !important;
}
a.smallblack {
	border: 1px solid #0e0e0e;
	color: #fff !important;
	background: #5b5b5b;
	background: -moz-linear-gradient(top, #5b5b5b 0%, #383838 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5b5b5b), color-stop(100%, #383838));
	background: -webkit-linear-gradient(top, #5b5b5b 0%, #383838 100%);
	background: -o-linear-gradient(top, #5b5b5b 0%, #383838 100%);
	background: -ms-linear-gradient(top, #5b5b5b 0%, #383838 100%);
	background: linear-gradient(to bottom, #5b5b5b 0%, #383838 100%);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2), 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-shadow: -1px -1px 0 #000;
}
a.smallblack:hover {
	color: #f7f7f7 !important;
}
a.smallred,
a.bigred {
	border: 1px solid #d85353;
	color: #9a3e3e !important;
	background: #ff7979;
	background: -moz-linear-gradient(top, #ff7979 0%, #ff5f5f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7979), color-stop(100%, #ff5f5f));
	background: -webkit-linear-gradient(top, #ff7979 0%, #ff5f5f 100%);
	background: -o-linear-gradient(top, #ff7979 0%, #ff5f5f 100%);
	background: -ms-linear-gradient(top, #ff7979 0%, #ff5f5f 100%);
	background: linear-gradient(to bottom, #ff7979 0%, #ff5f5f 100%);
}
a.smallred:hover,
a.bigred:hover {
	color: #803030 !important;
}
a.smallpink {
	border: 1px solid #b15cb9;
	color: #914d97 !important;
	background: #e782f1;
	background: -moz-linear-gradient(top, #e782f1 0%, #d271da 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e782f1), color-stop(100%, #d271da));
	background: -webkit-linear-gradient(top, #e782f1 0%, #d271da 100%);
	background: -o-linear-gradient(top, #e782f1 0%, #d271da 100%);
	background: -ms-linear-gradient(top, #e782f1 0%, #d271da 100%);
	background: linear-gradient(to bottom, #e782f1 0%, #d271da 100%);
}
a.smallpink:hover {
	color: #753b7a !important;
}
a.smallpurple,
a.bigpurple {
	border: 1px solid #8b53d8;
	color: #653e9a !important;
	background: #b279ff;
	background: -moz-linear-gradient(top, #b279ff 0%, #a35fff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b279ff), color-stop(100%, #a35fff));
	background: -webkit-linear-gradient(top, #b279ff 0%, #a35fff 100%);
	background: -o-linear-gradient(top, #b279ff 0%, #a35fff 100%);
	background: -ms-linear-gradient(top, #b279ff 0%, #a35fff 100%);
	background: linear-gradient(to bottom, #b279ff 0%, #a35fff 100%);
}
a.smallpurple:hover,
a.bigpurple:hover {
	color: #563386 !important;
}
a.big-button {
	margin: 8px 6px 8px 0;
	padding: 14px 24px;
	font-size: 20px;
	font-weight: normal !important;
}
a.big-button:hover {
	text-decoration: none;
}
a.icon-button {
	position: relative;
	padding-left: 36px;
	border: 1px solid #c3c3c3;
	color: #595a5a !important;
	background: #f5f5f5;
	background: -moz-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #e1e1e1));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -o-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: -ms-linear-gradient(top, #f5f5f5 0%, #e1e1e1 100%);
	background: linear-gradient(to bottom, #f5f5f5 0%, #e1e1e1 100%);
	-webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(0, 0, 0, 0.1);
	text-shadow: 1px 1px 1px #fff;
}
a.icon-button:hover {
	color: #404040;
}
a.icon-button span.et-icon {
	position: absolute;
	top: 10px;
	left: 12px;
	width: 18px;
	height: 16px;
}