/*
Theme Name: Photo Me Child
Theme URI: http://themes.themegoods2.com/photome/demo
Description: Premium Photography Portfolio Theme
Version: 1.2.4
Tags: yellow, white, responsive-layout, custom-header, custom-background, threaded-comments, translation-ready, editor-style, custom-menu
Author: ThemeGoods
Author URI: http://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: http://themeforest.net/licenses/regular_extended
Text Domain: photome
Template: photome
*/

@import "../photome/style.css";


@font-face {
    font-family: 'luxiadisplay';
    src: url('assets/fonts/luxia-display-webfont.woff2') format('woff2'),
         url('assets/fonts/luxia-display-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h2.ppb_title {font-family: 'luxiadisplay'; color: #a4acb0; font-size: 32px !important;}
#logo_wrapper {padding-top: 0; padding-bottom: 12px;}
.top_bar, .top_bar.hasbg {padding-top: 15px; padding-bottom: 15px;}
.logo_wrapper img {max-width: 160px; height: auto;}
#intro img {max-width: 60px;}
.d-flex {display: flex}
.has-stroke:before {content:''; height: 1px; background-color: #a4acb0; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; margin:auto; z-index: 0}
.white-box-container {padding:0 80px; background-color: #fff; position: relative; z-index: 1}
.white-box-container.sm {padding:0 25px;}
#awards1 .mainTitle, #awards2 .mainTitle, #awards3 .mainTitle {font-weight: bold; padding-bottom: 8px; border-bottom: 1px solid #000; margin-bottom: 25px; display: inline-block; color: #222}
#awards1 .item, #awards2 .item, #award-3 .item {font-size: 0.9em; margin-bottom: 8px;}
#awards1 .item p, #awards2 .item p, #awards3 .item p {margin-bottom: 0; padding:0; color: #222}
#awards1 .item .light, #awards2 .item .light, #awards3 .item .light {font-size: 0.85em; color: #999}
#career .d-flex {align-items: center; justify-content: center;}
#career .box {width: 33.33%;  display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: row; margin-left: 2%; margin-right: 2%; }
#career .card-caption {border:2px solid #eee; padding:3em; text-align: center; font-family: 'luxiadisplay'; font-size: 24px;}
#career .card-caption small {font-size: 0.85em}
#career .card-footer {margin-top: 20px; margin-bottom: 20px; text-align: center;}
#career .btn-site {padding:8px; background-color: #a4acb0; min-width: 140px; transition: 150ms linear; color: #fff}
#career .btn-site:hover, #career .btn-site:focus {background-color: #222}
#faq .light{color: #999}
#faq .title{font-weight: bold; font-size: 1.15em;}
#faq .item {margin-bottom: 8px;}
@media only screen and (max-width: 991px) {
	#career .d-flex {flex-wrap: wrap;}
	#career .box {flex-basis: 100%; flex-wrap: wrap; margin-bottom: 40px;}
	}
@media only screen and (max-width: 767px) {
	h2.ppb_title {font-size: 24px !important;}
	.logo_wrapper img {max-width: 25vw !important}
	}