/*
 Theme Name:   Pat Dy 2018
 Theme URI:    http://divi.space/
 Description:  A Child Theme built for Divi on Divi Space
 Author:       Mike Mamaril
 Author URI:   http://mikemamaril.com/
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
/*** Responsive Styles Smartphone Only ***/


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.masonry .brick { width: 23% !important; }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.masonry .brick { width: 48% !important; }
	.masonry-item { width:50% !important; }
}

@media only screen 
and (max-device-width : 414px)  {
	.masonry .brick { width: 100% !important; }
	.masonry-item { width:100% !important; }
}


#main-header.blur,
div#et-main-area.blur {
	transition: all 0.5s ease-in-out;
	filter:blur(6px);
}

.mobile_menu_bar::after, .mobile_menu_bar::before {
	color:#fff !important;
}

/* remove sidebar border */
.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }
@media (min-width: 981px){
	#left-area {
	    width: 100%;
	    padding: 23px 0px 0px !important;
	    float: none !important;
	}
}

.single-post .container:before {
	display: none!important;
}
.single-post #main-content > .container {
	width: 100% !important;
	background:transparent;
}

.single-post #main-content > .container article.post {
	margin-top:0px;
}

.et_pb_slide {
	height: 100vh;
}
.et_pb_section {
	background:transparent;
}
#top-header {
	z-index: 10000 !important;
}
#main-header {
	z-index: 9999 !important;
}

#left-area > article {
	margin-top: 100px;
}
	.entry-title { 
		text-align:center;
	}
	.single-post .entry-title { 
		border-bottom:1px dotted #e02b20;
		margin-bottom:16px; 
	}

	.dp_oc_post_title .title-heading,
	.dp_oc_post_title .title-subheading,
	.entry-title .title-heading,
	.entry-title .title-subheading {
		display:block;
	}
	.entry-title .title-heading,
	.dp_oc_post_title .title-heading {
		text-transform: uppercase;
	}
	.entry-title .title-subheading,
	.dp_oc_post_title .title-subheading {
		font-size:13px;
	}

#main-content {
    background-color: transparent !important;
} 
#footer-bottom {
	padding:12px 0px !important;
}
	#footer-bottom p { padding:0px; }

body {

}

textarea, input[type="text"] {
	background-color:rgba(0,0,0,0.5) !important;
	color:#eee !important;
	border:1px solid #e02b20 !important;
}

textarea:focus, input[type="text"]:focus,
textarea:hover, input[type="text"]:hover {
	border:1px solid #fff !important;

}

.image-zoom {
	overflow:hidden;
	display:block;
}
.dp_oc_item > a,
a.featured-image-link {
	overflow:hidden;
	display:block;
	margin: 0 0 12px 0;
}

.image-zoom img,
.dp_oc_item > a img,
a.featured-image-link img {
	z-index:1;
	display:block;
	position:relative;

	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-o-transform: scaleY(1);
	-ms-transform: scaleY(1);
	transform: scaleY(1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.image-zoom:hover img,
.dp_oc_item > a:hover img,
a.featured-image-link:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
	z-index:-1;
}
.owl-dot.active{
	opacity: 1; 
	background-color:#fff !important;
}
.owl-nav .owl-prev { left: -40px; }
.owl-nav .owl-next { right: -40px; }
.dp_oc_item {
	padding:5px;
	background:#292929;
	border:5px solid #232323;
}
.dp_oc_item h2 {
	font-weight:normal;
	text-align:center;
	color:#fff;
}

.page-title {
	font-weight:normal;
	border-bottom:1px dotted #e02b20;
	margin-bottom:16px;
}



#mobile_menu {
	background-color: rgba(20,20,20,0.85) !important;
	border-top:3px solid #e02b20 !important;
}
#main-footer {
	border-top: 10px solid #232323;
}
	#footer-widgets .footer-widget li:before {
		display: none;
	} 

	#footer-widgets .footer-widget li {
		margin:0px;
		padding:0px;
	}


	#footer-widgets .footer-widget ul.social-links li i {
		font-size:32px;
		line-height:32px;
		vertical-align: middle;
		display:inline-block;
	}
	#footer-widgets .footer-widget ul.social-links li span {
		vertical-align: middle;
		display:inline-block;
		padding-left:5px;
	}

	#footer-widgets .footer-widget ul.menu li a {
		letter-spacing:1px;
		line-height:1.5em !important;
	}
	#footer-widgets .footer-widget ul.menu li a:hover,
	#footer-widgets .footer-widget ul.contact-info li a:hover,
	#footer-widgets .footer-widget ul.social-links li a:hover {
		color:#fff !important;
	}

	#footer-widgets .footer-widget ul.social-links li i.fa-facebook-square { color: #4267b2; }
	#footer-widgets .footer-widget ul.social-links li i.fa-twitter-square { color: #4ab3f4; }
	#footer-widgets .footer-widget ul.social-links li i.fa-instagram { color: #d42d7a; }
	#footer-widgets .footer-widget ul.social-links li i.fa-vimeo-square { color: #09a7ed; }
	#footer-widgets .footer-widget ul.social-links li i.fa-pinterest-square { color: #ca2027; }

	#footer-widgets .footer-widget ul.contact-info li:before {   
		display:block;
		font-family: 'FontAwesome';
		
		position:absolute;
		top:0px;
		left:0px;

		border:none;
		color: rgba(255,255,255,.8);
		width:16px;
		height:16px;

	}
	#footer-widgets .footer-widget ul.contact-info li.phone:before { content: "\f095"; }
	#footer-widgets .footer-widget ul.contact-info li.mobile:before { content: "\f10b"; }
	#footer-widgets .footer-widget ul.contact-info li.envelope:before { content: "\f2b6"; }
	#footer-widgets .footer-widget ul.contact-info li.map:before { content: "\f041"; }
	
	#footer-widgets .footer-widget ul.contact-info li {
		position:relative;
		text-transform: none;
		margin-bottom:6px;
		padding:0 0 0 20px;
		line-height:1.5em !important;
	}


.masonry { display:none;  }
	.masonry .brick {
		margin:0 0 16px 0;
		padding:5px;
		width: 23.5%;
		transition: opacity 1.25s ease-in-out;
		opacity: 1;
		overflow: hidden;
		position: relative;

		background:#292929;
		border:5px solid #232323;
	}
	.brick .entry-title {
		font-weight:normal;
		color:#fff;
	}
	.brick p {
		color:rgba(255,255,255,0.6);
	}

.masonry-post { 
	padding-top:0px !important; 
	margin-top:0px !important;

}
.masonry-item { 
	padding:5px;
	width:25%; 
	display:none;
	float:left;
}
	.masonry-item img {
		display:block;
		margin:0;
		padding:0;
	}

.pagination {
	padding: 16px 0px;
}