/*
	Theme Name:     My MD Child Theme
	Theme URI:      http://mydomain.com/
	Description:    A custom child theme for my site.
	Author:         My name
	Author URI:     https://mydomain.com/
	Template:       marketers-delight
	Version:        1.0
*/

/*-------------------------------*\
	$TYPOGRAPHY
\*-------------------------------*/

/* BUTTONS */

input[type="submit"], button, .button, a.button, .button a, .format-text-main .button {
	font-weight: bold;
}

button.yellow a, button.yellow a, .button.yellow, .button.yellow a,
button.yellow, button.yellow a:hover, .button.yellow:hover, .button.yellow a:hover { background-color: #EEFF00; color: #000; }
.button.button-outline.yellow, .button.button-outline.yellow a { border-color: #EEFF00; color: #000; }

button.orange a, button.orange a, .button.orange, .button.orange a,
button.orange, button.orange a:hover, .button.orange:hover, .button.orange a:hover { background-color: #FFB700; color: #000; }
.button.button-outline.orange, .button.button-outline.orange a { border-color: #FFB700; color: #000; }

button.black a, button.black a, .button.black, .button.black a,
button.black, button.black a:hover, .button.black:hover, .button.black a:hover { background-color: #080611; color: #fff; }
.button.button-outline.black, .button.button-outline.black a { border-color: #080611; color: #fff; }

/* LINKS */

.box-dark a {
	border-bottom-color: #fff;
	color: #fff;
}

/* TEXT */

.h-light, .format-text-main .h-light {
	font-weight: 300;
}

.text-sec {
	color: #888;
}

.highlight {
	color: #EEFF00;
}

.quote-text {
	color: #fff;
}

.text-light,
.quote-text span {
	color: #B6B5B5;
}

/* ICONS */

.md-icon-ok-circled:before, .list-check li:before {
    content: '\e81a';
    color: #EEFF00;
}



/*-------------------------------*\
	$BLOCKS
\*-------------------------------*/

/* LOGOS */

.logos {
	margin-left: auto;
	margin-right: auto;
	max-width: 650px;
	text-align: center;
}

.logos-desktop {
	display: none;
}

ul.bjqs {
	display: none;
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

li.bjqs-slide {
	display: none;
	position: absolute;
}

@media all and (min-width: 900px) {
	.logos-desktop {
		display: block;
	}
	.logos-mobile {
		display: none;
	}
}

/* BOX */

.box-dark {
	background-color: #333132;
}

/* TOUR */

.tour ul {
	list-style: none;
	margin-left: 0;
}

/* ABOUT */

.about {
	margin-top: -30px;
	position: relative;
	z-index: 10;
}

/* HERO */

.hero {
	background-color: #080611;
	color: #fff;
}

/* CALLOUT */

.callout {
	background-color: #EEFF00;
	border: 0px;
}

/* STATEMENT3 */

@media all and (min-width: 700px) {
	.statement3 {
		padding: 0 150px 0 150px;
	}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	.statement3 {
		padding: 0 20px 0 20px;
	}
}



/*-------------------------------*\
	$ELEMENTS
\*-------------------------------*/

/* CONTENT BOX */

.content-box {
	margin-bottom: 0;
}

.footer {
	background-color: transparent;
}

/* COLUMNS STYLE */

.columns-box-style .col-inner {
	border-bottom: 0;
	display: block;
}

/* VIDEO FRAME */

.video-frame {
	background-color: #111;
	border-radius: 3px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.4);
	padding: 10px 15px 15px;
	position: relative;
}

.video-frame:hover .video-frame-action {
	opacity: 1;
}

.video-frame-bar {
	line-height: 1;
	padding-bottom: 10px;
	position: relative;
}

.video-frame-action {
	border-radius: 50%;
	display: inline-block;
	height: 10px;
	opacity: 0.5;
	margin-right: 3px;
	width: 10px;
}

.video-frame-action.close {
	background-color: #F56A66;
}

.video-frame-action.minimize {
	background-color: #F0D13E;
}

.video-frame-action.open {
	background-color: #06DE95;
}



/*-------------------------------*\
	$EFFECTS
\*-------------------------------*/

/* BOUNCE */

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); }
	40% { -moz-transform: translateY(-7px); transform: translateY(-7px); }
	60% { -moz-transform: translateY(-4px); transform: translateY(-4px); }
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
	40% { -webkit-transform: translateY(-7px); transform: translateY(-7px); }
	60% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
	40% { -moz-transform: translateY(-7px); -ms-transform: translateY(-7px); -webkit-transform: translateY(-7px); transform: translateY(-7px); }
	60% { -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -webkit-transform: translateY(-4px); transform: translateY(-4px); }
}

.bounce {
	display: block;
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}