/*
 Theme Name:   Marcus Ralph
 Theme URI:    http://archiwp.com/
 Description:  Archi Child Theme
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     archi
 Version:      3.4.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  archi-child
*/

@import url("../archi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
header.header-bg { background: #ffffff none repeat scroll 0 0!important;}
#mainmenu a { color: #333333;}
ul.benefits { padding-left: 3px;}
.benefits li { background: rgba(0, 0, 0, 0) url("images/bullet.jpg") no-repeat scroll left center / 9px auto;  display: inline-block; list-style: outside none none; padding-left: 15px; width: 49%;}
.about-gap { padding: 150px 10px;}
.main-footer address br { display: none;}
.main-footer .widget img { max-width: 250px;}
.performance p, .performance h1 { color: #ffffff!important;}
.de-gallery .project-name { display: none;}

.item:hover .picframe-new .mask { opacity: 0.7;}
.pp_description { display: none!important;}
.white-button { border-color: #ffffff!important; color: #ffffff!important;}
.white-button:hover { border-color: #000000!important;}
.blue { color: #3653a4;}
.about-page .benefits li { width: 100%;}
.box-one-third { opacity: 1!important;}

#gform_1 .medium { background: #f5f5f5 none repeat scroll 0 0; border: 1px solid #ddd; color: #333; margin: 0;  outline: medium none; padding: 8px 12px;}
#gform_1 .gform_button.button { background: #3653a4 none repeat scroll 0 0; border: medium none; color: #ffffff; padding: 5px 20px; text-transform: uppercase;}
#gform_1 .gform_button.button:hover { background: #000000 none repeat scroll 0 0;}

/*-------------------------------Mobile--------------------------*/
@media screen and (max-width:1024px){
}
@media screen and (min-width:768px) and (max-width:1023px){
.about-gap { padding: 0 10px;}
.about-me .side-bg .image-container { margin-right: 5%; width: 40%;}
.about-me .inner-padding { padding-bottom: 0;}
.benefits li { width: 100%;}
}
@media screen and (min-width:568px) and (max-width: 767px){ 
}	
@media screen and (min-width:320px) and (max-width: 567px){ 
}
@media screen and (min-width:320px) and (max-width: 767px){ 
.about-gap { padding: 0 10px;}
.benefits li { width: 100%;}
}
/*-------------------------------Mobile end-------------------------*/