/* codeDESIGN - custom_code_webcams_simple.css */
@charset "utf-8";

/* CUSTOM CODE WEBCAMS SIMPLE */
div.custom_code_webcams [class^="col-"],
div.custom_code_webcams [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
div.custom_code_webcams_simple.site_custom_5, 
div.custom_code_webcams_simple.site_custom_6 {
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.webcam {
	/*background: #222220;*/
	/*padding: 20px;*/
}
div.webcam ul {
	list-style: none;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.webcam ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
div.webcam ul li::before {
	content: "\f105";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 100;
	font-size: 1.4em;
	color: #74a21c;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 0px;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.webcam ul li:hover::before {
	color: #74a21c;
	left: 6px;
}
div.webcam_description_inner {
	color: var(--ci_color_white);
	background: rgba(248, 248, 248, 0.4);
	padding: 10px;
}
div.webcam_image_caption {
	color: var(--ci_color_white);
	/*background: rgba(248, 248, 248, 0.4);*/
	background: #2c2b29;
	/*border: 10px solid #777776;*/
	padding: 10px 20px;
}
div.webcam_image_caption i {
	margin-right: 10px;
}

div.layout_codedesign_responsive_custom_code_wrapper.site_sidebar_1 {
	width: 100%;
}
div.webcam h3 {
	color: var(--ci_color_black);
	color: #ffffff;
}
div.webcam h3 i {
	color: #74a21c;
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.layout_custom_news .col-md-3 .col-md-12:first-child {
	margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {

	div.only_desktop {
		display: none;
	}
	
}
div.only_mobile {
	display: block;
}
@media only screen and (min-width: 992px) {

	div.only_mobile {
		display: none;
	}
	
}
@media only screen and (max-width: 991px) {

	.only_mobile .col-xs-6 {
		display: block;
		width: calc(50% - 20px);
	}
	.only_mobile .col-xs-6:nth-child(odd) {
		margin-right: 20px;
	}
	.only_mobile .col-xs-6:nth-child(even) {
		margin-left: 20px;
	}
	
}