/* 
 Theme Name:     Photelo
 Author:         markhendriksen.com
 Author URI:     https://www.markhendriksen.com
 Template:       Divi
 Version:        1.0
*/

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

/* ############ CHANGE COLORS ############# */

#top-menu li li a {
	background-color: rgba(255,255,255,0.29) !important;
    color: #000 !important;
}

.project_page .et_pb_blurb:hover {
background-color: rgba(0, 0, 0, 0.53);
}

.project_page .et_pb_blurb_description a:hover {
background-color: rgba(255, 255, 255, .16);
}

.et_pb_social_media_follow li a.icon::before {
    color: #000 !important;
    border: 1px solid #000;
}

.custom_social .et_pb_social_icon a.icon {
    background-color: #fff!important;
}


@media only screen and (max-width: 980px) {
#main-header .et_mobile_menu {
    background-color: rgba(10, 10, 10, 0.78) !important;
}}

.more-link {
    background-color: #e5efdc;
    color: #000;
}

/* ############ END COLORS ############# */

.centered-inline-logo-wrap {
margin-left: 50px !important;
margin-right: 50px !important;
}

.et-fixed-header .centered-inline-logo-wrap {
margin-left: 0px !important;
margin-right: 0px !important;
display: none;
}

#top-menu li li a {
    width: 200px;
    padding: 6px 10px !important;
	font-size: 14px !important;
    border-radius: 5px !important;
}

#top-menu li li {
padding-bottom: 10px;
}

#top-menu li li:last-child {
padding-bottom: 0px;
}

.et_pb_column_1_3 h2, .et_pb_column_1_4 h2 {
    font-size: 40px !important;
}

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
    min-height: 100% !important;
    height: 100% !important;
}

/* ############ PROJECT PAGE ############# */

.project_page .et_pb_blurb_content {
visibility: hidden;
}

.project_page .et_pb_blurb:hover .et_pb_blurb_content {
visibility: visible;
}

.project_page .et_pb_blurb {
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}


@media all and (min-width: 981px) {
.project_page_column_1,
.project_page_column_2,
.project_page_column_3 {
border-right: 5px solid #fff;
}}

@media all and (max-width: 479px) {
.project_page_column_1,
.project_page_column_2,
.project_page_column_3 {
border-bottom: 5px solid #fff;
}}

@media (min-width: 480px) and (max-width: 980px) {
.project_page_column_1,
.project_page_column_3 {
border-right: 5px solid #fff;
}

.project_page_column_1,
.project_page_column_2 {
border-bottom: 5px solid #fff;
}}

.project_page .et_pb_blurb_description a {
	font-size: 16px;
	text-transform: uppercase;
	border: 1px solid #fff;
	padding: 7px;
	color: #fff;
	margin-top: 20px !important;
	margin-top: 15px !important;
    display: inline-block;
	-webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

@media (min-width: 981px) and (max-width: 1370px) {
.text_gallery .text_gallery_p {
font-size: 30px
}}

@media (min-width: 981px) and (max-width: 1100px) {
.text_gallery  {
padding: 25px !important;
}}

@media (min-width: 981px) {
.image_gallery_home_2 .et_pb_column {
text-align: right !important;
padding-right: 75px !important;
padding-top: 0px !important;
}}

@media (min-width: 981px) and (max-width: 1300px) {
.photos_home {
margin-top: 200px;
}}


.testimonial_home h3 {
padding-bottom: 35px;
}

.service_title h3 {
font-size: 24px;
padding-bottom: 20px;
}


/* ############ SUB PAGE  ############# */

@media (min-width: 981px) {
.sub_blurb .et_pb_blurb_content {
	position: absolute;
    bottom: 25px;
    left: 10%;
	right: 10%;
    background-color: rgba(126, 190, 197, 0.52);
    padding: 10px 20px;
}}

/* ############ BLOG PAGE  ############# */

.single .et_pb_post {
    margin-bottom: 0px;
}

.single .post {
    padding-bottom: 0px;
}

@media (min-width: 981px) {
#left-area {
    padding-bottom: 0px;
}}

.more-link {
	display: inline-block !important;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 14px;
    margin-top: 10px;
}