/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/* Reduces the title font size and displays more than two title lines and resizes the thumbnails*/
.yarpp-thumbnail {
	height: 150px !important;
}

.attachment-yarpp-thumbnail {
	height: 90px !important;
	width: 120px !important;
}

.yarpp-thumbnail-title {
	font-size: .8em !important;
	max-height: 4em !important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slideWrapper {
	position: relative;
	padding-bottom: 85%;
/* 1024:683 */
	padding-top: 25px;
	height: 0;
}

.slideWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*

beginning blog styling

*/

.hover-box-1 {
	border-left: 15px solid #1a52a3 !important;
	border-right: 2px solid #1a52a3;
	padding: 35px;
	box-shadow: 2px 2px 15px rgba(167, 167, 167, .5);
	width: 90%;
	max-width: 650px;
	margin: auto;
	margin-bottom: 25px;
}

.hover-box-2 {
	border-left: 2px solid #35a235 !important;
	background-color: #fafafa;
	padding: 20px 35px;
	box-shadow: 2px 2px 15px rgba(167, 167, 167, .5);
	width: 90%;
	max-width: 650px;
	margin: auto;
	margin-bottom: 25px;
}

.hover-box-3 {
	border-left: 15px solid #6F2DBD !important;
	border-right: 2px solid #6F2DBD;
	padding: 35px;
	box-shadow: 2px 2px 15px rgba(167, 167, 167, .5);
	width: 90%;
	max-width: 650px;
	margin: auto;
	margin-bottom: 25px;
}

.hover-box-4 {
	border-left: 2px solid #33b5e5 !important;
	background-color: #fafafa;
	padding: 20px 35px;
	box-shadow: 2px 2px 15px rgba(167, 167, 167, .5);
	width: 90%;
	max-width: 650px;
	margin: auto;
	margin-bottom: 25px;
}

.hover-box-5 {
	border-left: 2px solid #C20114 !important;
	background-color: #fafafa;
	padding: 20px 35px;
	box-shadow: 2px 2px 15px rgba(167, 167, 167, .5);
	width: 90%;
	max-width: 650px;
	margin: auto;
	margin-bottom: 25px;
}

.section-head {
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	margin-bottom: 10px;
}

h3.list-head-green {
	margin: 0px 0px 15px 0px;
	color: #35a235;
	font-weight: bold;
}

h3.list-head-danger {
	margin: 0px 0px 15px 0px;
	color: #C20114;
	font-weight: bold;
}

h3.list-head-blue {
	margin: 0px 0px 15px 0px;
	color: #33b5e5;
	font-weight: bold;
}

h3.list-head-blue2 {
	margin: 0px 0px 15px 0px;
	color: #1a52a3;
	font-weight: bold;
}

.info-card {
	border: 1px solid #33b5e5;
	border-radius: 3px;
	max-width: 600px;
}

.center-card {
	margin: auto;
	margin-bottom: 25px;
}

.info-card-head{
	background-color: rgba(0,0,0,.03);
	padding: 20px;
}

.info-card-body{
	padding: 25px;
}

ol.green-ol {
	list-style-type: none;
	counter-reset: li;
}

ol.green-ol li::before {
	content: "." counter(li);
    color: #35a235;
	display: inline-block; 
	width: 1em;
	margin-left: -1.5em;
    margin-right: 0.5em;
	text-align: right; 
	direction: rtl;
}

ol.green-ol li {
	counter-increment: li;
	margin-bottom: 10px;
}

ul.list-blue li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;;
}

ul.list-blue li::before {
	content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-top: 8px;
    left: 0;
    border: 2px solid #33b5e5;
}

ul.list-danger li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;;
}

ul.list-danger li::before {
	content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-top: 8px;
    left: 0;
    border: 2px solid #C20114;
}

ul.styled-ul li {
	list-style-type: none;
	position: relative;
	padding-left: 20px;
	margin-bottom: 10px;
}

ul.styled-ul li::before {
	content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 7px;
    left: 0;
    border: 2px solid #35a235;
}

/* 
end blog styling
*/