/* 
Theme Name: Candy Picture
Theme URI: http://www.candythemes.com/themes/picture/
Version: 1.0
Description: A Divi child theme.
Author: CandyThemes
Author URI: http://www.candythemes.com
Template: Divi
*/ 

/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*------------------------------------------------*/
/*----[Add more spacing to .welcome p tag]--------*/
/*------------------------------------------------*/

.welcome p {margin-bottom:3%;}

/*------------------------------------------------*/
/*---------[Add short lines - Quiroz.co]----------*/
/*------------------------------------------------*/

hr.short-line {
    border: 0;
    height: 2px;
    background-color: #999;
    width: 50px;
	margin-top: 25px;
	}

/*------------------------------------------------*/
/*---[Edit Footer - Customize > Footer > Layout]--*/
/*------------------------------------------------*/
	
.hidden { display: none !important;}

.footer-bottom {text-align:center;}

/*------------------------------------------------*/
/*---------[Add hover filter to images]-----------*/
/*------------------------------------------------*/

#work img {
    opacity: 0.9;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

#work img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
} 

/*------------------------------------------------*/
/*--------[Add a border to comment form]----------*/
/*------------------------------------------------*/

#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    background-color: #fff;
    border: 1px #111 solid;
}

/*------------------------------------------------*/
/*-------[Remove sidebar divider bar ]------------*/
/*------------------------------------------------*/	

#main-content .container:before {width: 0;}
.container::before { display:none; } .et_pb_widget_area_right { border-left:0; }

/*------------------------------------------------*/
/*--------------[Style Blog Post]-----------------*/
/*------------------------------------------------*/	
	
.et_pb_image_container, .et_pb_blog_grid .et_main_video_container, .et_pb_blog_grid .et_audio_content, .et_pb_blog_grid .et_pb_post .et_pb_slider {
    margin: 0 !important;
}

.et_pb_blog_grid .et_pb_post {
    background-color: #fff;
    border: none !important;
    padding: 0;
}

.et_pb_blog_grid .et_pb_post  a img{
   margin-bottom: 8%;
}

/*------------------------------------------------*/
/*-------------[BLOG SMALL IMAGES]----------------*/
/*------------------------------------------------*/
 
.et_pb_post a img {
    max-width: 35% !important;
    float: left !important;
    padding-right: 4% !important;}

.et_pb_post a img { margin-bottom: 35px;}
.et_pb_post .entry-title { text-transform: uppercase; font-size:13px;}

#page-container .et_pb_post {
clear: both !important;
float: none !important;
margin: 0 !important;
}
 
@media only screen and (max-width: 980px) {
.et_pb_post a img{
float:none !important;
max-width: 100%!important;}}


/*------------------------------------------------*/
/*------------[Center Submit Button]--------------*/
/*------------------------------------------------*/

.et_contact_bottom_container {
    float: none;
    margin-top: -1.5%;
    overflow: hidden;
    text-align: center;
}

/*------------------------------------------------*/
/*-------[Swap Logo on Scroll - Quiroz.co]--------*/
/*------------------------------------------------*/
 
#logo-dark {display: none !important;}
.et-fixed-header #logo {display:none !important;}
.et-fixed-header #logo-dark {display:inline !important; vertical-align:middle; max-height: 51%;}

/*------------------------------------------------*/
/*------------[SIDEBAR- Quiroz.co]----------------*/
/*------------------------------------------------*/
 
.option-2 .widgettitle {
    background: #fff!important;
    color: #111;
    font-size: 14px;
    text-transform: uppercase;
    height: 33px;
    line-height: 33px;
    padding: 0 10px;
    width: 100%;
    border: 1px #111 solid;
    margin-bottom: 14px;
	}
 
    /* sidebar search bar */
        .option-2 .widget_search #searchsubmit {background-color: #111; border:1px #111 solid;}
        .option-2 .widget_search input#searchsubmit {color: #fff;}
        .option-2 .widget_search input#s {border: 1px solid #111;}

		.et_right_sidebar #sidebar {
    padding-left: 0;
}

/*--------------------------------------------------------------------------------------------------------*/
/*------------[Some people seems to have trouble loading the 100vh slider on the homepage]----------------*/
/*--------------------------------------------------------------------------------------------------------*/

.homeslider.et_pb_slider .et_pb_slide {
    height: 100vh !important;
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
.et_pb_fullwidth_slider_0 .et_pb_slide_description {
    padding-top: 20% !important;
}
}



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

@media screen and ( max-width: 782px ) {

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){

}



/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){

}