/*
Theme Name: ProposalPoint 2019
Theme URI: https://proposalpoint.com.au
Author: Agentpoint
Author URI: https://proposalpoint.com.au
Description: ProposalPoint 2019 theme
*/

/*
==================================================
SETTINGS
================================================== */

/* -Fonts- */
.font-montserrat { font-family:'Montserrat', sans-serif; }

/* -Colors- */
.color-default,
.color-default-hover:hover { color:#4b4b4b; }

.color-navy,
.color-navy-hover:hover { color:#374759; }
.color-teal,
.color-teal-hover:hover { color:#49a3bb; }
.color-orange,
.color-orange-hover:hover { color:#ff7a59; }
.color-grey,
.color-grey-hover:hover { color:#cbd6e2; }

/* -Backgrounds- */
.back-default,
.back-default-hover:hover { background-color:#4b4b4b; }

.back-navy,
.back-navy-hover:hover { background-color:#374759; }
.back-teal,
.back-teal-hover:hover { background-color:#49a3bb; }
.back-orange,
.back-orange-hover:hover { background-color:#ff7a59; }
.back-grey,
.back-grey-hover:hover { background-color:#cbd6e2; }
.back-light-grey,
.back-light-grey-hover:hover { background-color:#f5f6fa; }

/*
==================================================
CUSTOM
================================================== */

/* -Initial tags- */
html { font-size:13px; font-weight:400; font-family:'Rubik', sans-serif, sans-serif; }
body { line-height:1.5; color:#4b4b4b; background-color:#fff; }

a:not([class*="color-"]) { color:#ff7a59; }
	a:not([class*="color-"]):hover { color:#49a3bb; }

	@media screen and (max-width:767px) {
		html { font-size:16px; }
	}

/* -Grid- */
div[class*="grid-"].space-100:not(.collapse) { margin-left:-50px; margin-right:-50px; }
div[class*="grid-"].space-100:not(.collapse) > [class*="width-"] { padding-right:50px; padding-left:50px; }
	div[class*="grid-"].space-100:not(.collapse) > [class*="width-"]:not(.self) { padding-bottom:100px; }

/* -Input forms- */
input,
select,
option,
textarea { font-family:'Rubik', sans-serif; font-size:1rem; font-weight:400; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
select,
textarea { height:36px; padding:0 30px; background:#fff; border:1px solid #ced5dd; border-radius:36px; color:#4b4b4b; }
textarea { height:100px; padding:10px 30px; border-radius:13px; }

	input.error[type="text"],
	input.error[type="password"],
	input.error[type="email"],
	select.error:not([multiple]),
	textarea.error { background:#faa; }

/* -Buttons- */
input[type="submit"],
input[type="button"],
button.button,
a.button {
	min-width:140px; height:36px; padding:0 20px; font-size:0.9230769230769231rem; font-weight:500; border:0; border-radius:36px; color:#fff;
	background:#ff7a59; background:linear-gradient(to right, #e85f3d 0%, #ff7a59 100%);
}
a.button { line-height:36px; }

input[type="submit"]:hover,
input[type="button"]:hover,
button.button:hover,
a.button:hover { background:#ff7a59; color:#fff; }

	input.button-teal[type="submit"],
	input.button-teal[type="button"],
	a.button.button-teal { background:#49a3bb; background:linear-gradient(to right, #49a3bb 0%, #7ec6d9 100%); }

	input.button-teal[type="submit"]:hover,
	input.button-teal[type="button"]:hover,
	a.button.button-teal:hover { background:#7ec6d9; }

	input.button-border[type="submit"],
	input.button-border[type="button"],
	a.button.button-border { background:#fff; border:2px solid #ff7a59; color:#ff7a59; }
	a.button.button-border { line-height:34px; }

	input.button-border[type="submit"]:hover,
	input.button-border[type="button"]:hover,
	a.button.button-border:hover { background:#ff7a59; color:#fff; }

/* -Share icons- */
a.share-item { display:block; width:16px; height:16px; background-image:url(assets/images/icon_socials.png); background-repeat:no-repeat; background-size:200% auto; transition-duration:0s; }
	a.share-item.facebook { background-position:0 0; }
	a.share-item.facebook:hover { background-position:-16px 0; }
	a.share-item.instagram { background-position:0 -16px; }
	a.share-item.instagram:hover { background-position:-16px -16px; }
	a.share-item.pinterest { background-position:0 -32px; }
	a.share-item.pinterest:hover { background-position:-16px -32px; }
	a.share-item.twitter { background-position:0 -48px; }
	a.share-item.twitter:hover { background-position:-16px -48px; }
	a.share-item.youtube { background-position:0 -64px; }
	a.share-item.youtube:hover { background-position:-16px -64px; }

/* -WP- */
.default #page-entry h1:not(.self),
.default #page-entry h2:not(.self),
.default #page-entry h3:not(.self),
.default #page-entry h4:not(.self),
.default #page-entry h5:not(.self),
.default #page-entry h6:not(.self),
.default #page-entry p:not(.self),
.default #page-entry table:not(.self) { margin-bottom:20px; }
.default #page-entry ul:not(.self):not([class*="gform"]) { margin:0 0 20px 17px; list-style:disc; }
.default #page-entry ol:not(.self) { margin:0 0 20px 17px; list-style:decimal; }

/* -Gform- */
form.gform-grid .gform_body .gform_fields { margin:0 -10px; }
form.gform-grid .gform_body .gform_fields:after { display:table; content:""; clear:both; }
form.gform-grid .gform_body .gfield { float:left; width:100%; padding-right:10px; padding-left:10px; padding-bottom:20px; }
form.gform-grid .ui-selectmenu .ui-selectmenu-menu { left:10px !important; right:10px !important; min-width:inherit; }

	@media screen and (min-width:768px), screen and (min-width:640px) and (max-width:767px) and (orientation:landscape) {
		form.gform-grid .gform_body .gfield[class*="column-2"] { width:50%; }
		form.gform-grid .gform_body .gfield[class*="column-3"] { width:33.3333%; }
		form.gform-grid .gform_body .gfield[class*="column-4"] { width:25%; }
	}

.gform_body h2.gsection_title { font-size:1.25rem; font-weight:700; text-align:left; }
	.gform_body li.gfield:not(:first-child) h2.gsection_title { padding-top:20px; }
.gform_body .gfield.gfield-show-label .gfield_label { margin-bottom:10px; font-weight:500; }
.gform_body .gfield.gfield_error.ui-selectmenu .ui-selectmenu-button { background:#fdd; border-color:#d00; color:#d00; }

/* -Magnific forms- */
.mfp-forms .fields { padding-bottom:20px; }
.mfp-forms .field {}
.mfp-forms .buttons {}

/* -Owl carousel- */
.owl-carousel .owl-dots button.owl-dot { background-color:#333; border-radius:100%; }
.owl-carousel .owl-dots button.owl-dot.active,
.owl-carousel .owl-dots button.owl-dot:hover { background-color:#ff7a59; }

.owl-carousel .owl-nav button[class*="owl-"] { width:36px; height:36px; background-image:url(assets/images/carousel_arrows_v3.png); background-repeat:no-repeat; background-size:200% auto; }
	.owl-carousel .owl-nav button.owl-prev[class*="owl-"] { background-position:0 0; }
	.owl-carousel .owl-nav button.owl-prev[class*="owl-"]:hover { background-position:-36px 0; }
	.owl-carousel .owl-nav button.owl-next[class*="owl-"] { background-position:0 -36px; }
	.owl-carousel .owl-nav button.owl-next[class*="owl-"]:hover { background-position:-36px -36px; }

.owl-carousel:not(.owl-nav-static) .owl-nav button.owl-prev[class*="owl-"] { left:34px; }
.owl-carousel:not(.owl-nav-static) .owl-nav button.owl-next[class*="owl-"] { right:34px; }

/* -jQuery selectmenu- */
.ui-selectmenu .ui-selectmenu-button { padding:0 36px 0 30px; line-height:36px; background:#fff; border:1px solid #ced5dd; border-radius:36px; }
	.ui-selectmenu .ui-selectmenu-button[aria-expanded="true"] { border-radius:19px 19px 0 0; }
.ui-selectmenu .ui-selectmenu-button .ui-icon { right:20px; width:10px; height:6px; background:url(assets/images/icon_selectmenu_arrow.png) no-repeat 0 0 / 100% auto; }
.ui-selectmenu .ui-selectmenu-button .ui-selectmenu-text {}

.ui-selectmenu .ui-selectmenu-menu { max-height:300px; }
.ui-selectmenu .ui-selectmenu-menu ul.ui-menu { padding:15px 20px; background:#fff; border:1px solid #ced5dd; border-style:solid; border-width:0 1px 1px; border-radius:0 0 13px 13px; }
.ui-selectmenu .ui-selectmenu-menu ul.ui-menu li:hover { color:#ff7a59; }

/* -Popup maker- */
.pum-container { background:#374759; color:#fff; }
.pum-container input[type="text"],
.pum-container input[type="password"],
.pum-container input[type="email"],
.pum-container input[type="tel"],
.pum-container select,
.pum-container textarea { background:#fff !important; border:0; text-align:inherit; }
.pum-container input[type="submit"] { margin-top:15px; }

	@media screen and (max-width:767px) and (orientation:portrait), screen and (max-width:639px) and (orientation:landscape) {
		.pum-container input[type="submit"] { width:100%; }
	}

/*
==================================================
LAYOUT
================================================== */

#page { display:flex; flex-direction:column; height:100%; }
#main { position:relative; z-index:1; flex:1 0 auto; }

@media screen and (min-width:1250px) {
	.group { /*max-width:1070px;*/ max-width:79.3180133432172%; margin-right:auto; margin-left:auto; }
	.group.wide { /*max-width:1280px;*/ max-width:94.88510007412898%; }
	.group.narrow { /*max-width:960px;*/ max-width:71.16382505559674%; }
}
@media screen and (min-width:768px) and (max-width:1249px) {
	.group { margin-right:40px; margin-left:40px; }
}
@media screen and (max-width:767px) {
	.group { margin-right:30px; margin-left:30px; }
}

/*
--------------------------------------------------
HEADER
-------------------------------------------------- */
#header { position:fixed; z-index:2; top:0; left:0; width:100%; transition-duration:.4s; }
	/*body.scroll-down #header { transform:translateY(-100%); }*/
	body.onscroll #header { box-shadow:0 0 13px rgba(0, 0, 0, .1); }
	body.onscroll .homepage #header .hgroup { background:#fff; }

#header .hgroup {}
#header .container { height:92px; }
	body.onscroll #header .container { height:61px; }
#header .logo,
#header .navigation,
#header .buttons { flex-grow:1; }
#header .logo img { max-width:162px; }

@media screen and (min-width:1122px) {
	#header .menus {}
	#header .menus ul.main-menu {}
	#header .menus ul.main-menu li.menu-item { position:relative; }
	#header .menus ul.main-menu a { display:block; }
	#header .menus ul.main-menu a[href="#"] { pointer-events:none; }

	#header .menus ul.main-menu > li.menu-item { float:left; }
	#header .menus ul.main-menu > li.menu-item > a { padding:0 16px; line-height:70px; font-weight:500; color:#4b4b4b; }
		body.onscroll #header .menus ul.main-menu > li.menu-item > a { line-height:61px; }
	#header .menus ul.main-menu > li.menu-item:hover > a,
	#header .menus ul.main-menu > li.menu-item[class*="current"] > a { color:#49a3bb; }

	#header .menus ul.sub-menu { visibility:hidden; opacity:0; position:absolute; z-index:1; left:50%; transform:translateX(-50%); white-space:nowrap; min-width:200px; padding:8px 16px; margin-top:20px; background-color:#49a3bb; transition-duration:0.4s; }
		#header .menus li:hover > ul.sub-menu { visibility:visible; opacity:1; margin-top:0; }
		#header .menus li.menu-item-right-submenu > ul.sub-menu { left:auto; right:0; }
	#header .menus ul.sub-menu:after { content:""; position:absolute; bottom:100%; left:50%; width:0; height:0; margin-left:-8px; border:solid transparent; border-color:rgba(73, 163, 187, 0); border-bottom-color:#49a3bb; border-width:8px; }
	#header .menus ul.sub-menu a { padding:8px 0; color:#fff; }
		#header .menus ul.sub-menu li:not(:last-child) > a { border-bottom:1px solid #fff; }
	#header .menus ul.sub-menu a:before { float:left; width:0; font-family:'FontAwesome'; content:"\f0da"; overflow:hidden; transition-duration:.2s; }
		#header .menus ul.sub-menu li:hover > a:before,
		#header .menus ul.sub-menu li[class*="current"] > a:before { width:12px; }
}

@media screen and (max-width:1121px) {
	#header .menus { position:fixed; z-index:0; top:0; right:0; bottom:0; transform:translateX(100%); width:300px; overflow-y:auto; background-color:#394247; transition-duration:.4s; transition-timing-function:ease-out; }
	#header .menus ul.main-menu { width:100%; padding:95px 40px 40px; }
	#header .menus ul.main-menu li {}
	#header .menus ul.main-menu a { display:block; position:relative; padding:15px 0; font-size:1.5rem; color:#fff; border-bottom:1px solid #d9d9d9; text-transform:uppercase; }
		#header .menus ul.main-menu li[class*="current"] > a { color:#ff7a59; }

	#header .menus ul.sub-menu { display:none; }
		#header .menus li.expand > ul.sub-menu { display:block; }
	#header .menus ul.sub-menu a { text-transform:initial; }

	#header .menus .toggle-submenu { display:block; position:absolute; top:0; right:0; bottom:0; padding:0 20px; }
	#header .menus .toggle-submenu .icon { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
	#header .menus li[class*="expand"] .toggle-submenu .icon:before { content:"\f106"; }

	#header .demolink { margin-right:40px; }

	#header .hamburger { display:block; position:absolute; z-index:1; top:50%; right:40px; transform:translateY(-50%); width:20px; height:16px; }
	#header .hamburger:before,
	#header .hamburger:after { content:""; position:absolute; width:100%; height:2px; background:#4b4b4b; transition-duration:.2s; }
		#header .hamburger:before { top:0; }
		#header .hamburger:after { bottom:0; }
	#header .hamburger span { display:block; position:absolute; top:50%; transform:translateY(-50%); width:100%; height:2px; background:#4b4b4b; transition-duration:.2s; }

		#header .hamburger.active:before,
		#header .hamburger.active:after { background:#ff7a59; }
		#header .hamburger.active:before { top:7px; transform:rotate(45deg); }
		#header .hamburger.active:after { bottom:7px; transform:rotate(-45deg); }
		#header .hamburger.active span { opacity:0; }

	body.expand-main-menu { overflow:hidden; }
	body.expand-main-menu #header .menus { transform:translateX(0px); box-shadow:0 0 10px rgba(0, 0, 0, .2); }
}

@media screen and (min-width:768px) and (max-width:1121px) {
	body:not(.onscroll) .homepage #header .hamburger:not(.active):before,
	body:not(.onscroll) .homepage #header .hamburger:not(.active):after,
	body:not(.onscroll) .homepage #header .hamburger:not(.active) span { background:#fff; }
}

@media screen and (max-width:767px) {
	#header .demolink { display:none; }
	#header .hamburger { right:20px; }
}

/*
--------------------------------------------------
CONTENT
-------------------------------------------------- */
#content { position:relative; z-index:1; }
	#page:not(.homepage) #content { padding-top:92px; }

#page-title { padding-top:30px; padding-bottom:30px; background:#f5f6fa; }
#page-title h1.title { font-size:2.692307692307692rem; }

#page-entry { padding-top:60px; padding-bottom:60px; }

/*
--------------------------------------------------
FOOTER
-------------------------------------------------- */
#footer { position:relative; z-index:0; }
#footer .summary { background-position:0 100%; background-repeat:no-repeat; background-size:100% auto; }

#footer .copy { padding-top:105px; padding-bottom:70px; /*font-size:0.9230769230769231rem;*/ border-bottom:1px solid rgba(255, 255, 255, .1); }
#footer .copy h3.title { font-size:2.307692307692308rem; line-height:1.4; }
#footer .copy .blurb { padding-top:26px; padding-bottom:29px; line-height:2.1; }

#footer .gform form { position:relative; }
#footer .gform .gform_body { width:calc(100% - 160px); }
#footer .gform .medium { padding:0 20px; /*font-size:0.9230769230769231rem;*/ background:#4c5d6d; border:0; border-radius:36px 0 0 36px; color:#fff; }
#footer .gform .gform_footer { position:absolute; bottom:0; right:0; width:160px; background:#4c5d6d; border-radius:0 36px 36px 0; }
	#footer .gform .gform_validation_error .gform_footer { background:#fdd; }
#footer .gform .gform_button { width:100%; /*font-size:0.9230769230769231rem;*/ }
	#footer .gform .gform-newsletter-subscribe .gform_button { background:#49a3bb; background:linear-gradient(to right, #49a3bb 0%, #7ec6d9 100%); }
	#footer .gform .gform-newsletter-subscribe .gform_button:hover { background:#7ec6d9; }

#footer .links { padding-top:70px; /*font-size:0.7692307692307692rem;*/ color:#8698ae; }
#footer .links .profile { padding-bottom:70px; }
#footer .links .logo { padding-bottom:24px; }
#footer .links .logo img { max-height:36px; }
#footer .links .office p:not(:last-child) { padding-bottom:15px; }
#footer .links .office p.name { /*font-size:0.9230769230769231rem;*/ }
#footer .links .office p.phone a { color:#8698ae; }
	#footer .links .office p.phone a:hover { color:#ff7a59; }
#footer .links .office p.socials { padding-top:5px; }
#footer .links .office p.socials .share-item { margin-right:20px; }

#footer .links .actions { padding-bottom:70px; }
#footer .links .footer-menu {}
#footer .links .footer-menu > .menu-item { float:left; width:33.3333%; }
#footer .links .footer-menu > .menu-item > a { display:block; margin-bottom:32px; font-size:1rem; font-weight:500; text-transform:uppercase; pointer-events:none; color:#fff; }
#footer .links .footer-menu .sub-menu {}
#footer .links .footer-menu .sub-menu .menu-item { margin-bottom:16px; }
#footer .links .footer-menu .sub-menu a { /*font-size:0.9230769230769231rem;*/ color:#8698ae; }
	#footer .links .footer-menu .sub-menu a:hover { color:#ff7a59; }

#footer .links .newsletter h3.title { margin-bottom:32px; font-size:1rem; }

#footer .credit { padding:23px 0; /*font-size:0.9230769230769231rem;*/ background:#2a3c54; }
#footer .credit .company img { max-height:22px; }
#footer .credit .copyright { line-height:22px; }

	@media screen and (min-width:1024px) {
		#footer .links .newsletter { padding-left:25px; }
	}
	@media screen and (min-width:768px) and (max-width:1023px), screen and (min-width:640px) and (max-width:767px) and (orientation:landscape) {
		#footer .links .menus { padding-bottom:15px; }
	}
	@media screen and (max-width:767px) and (orientation:portrait), screen and (max-width:639px) and (orientation:landscape) {
		#footer .gform .gform_body { width:100%; margin-bottom:10px; }
		#footer .gform .gform_footer { position:static; width:100%; background:none; }
		#footer .gform .medium { border-radius:36px; text-align:center; }
		#footer .copy .item:not(:last-child) { padding-bottom:70px; }
		#footer .links .footer-menu > .menu-item { width:100%; padding-bottom:15px; }
		#footer .credit .company,
		#footer .credit .copyright { width:100%; }
	}

/*
--------------------------------------------------
SHARE TOOLS
-------------------------------------------------- */
#share-tools { position:fixed; z-index:2; top:50%; left:0; transform:translateY(-50%); transition-duration:.4s; }
#share-tools .share { padding:10px 0 10px 35px; }
	#share-tools .share:nth-child(1) { transition-duration:.2s; }
	#share-tools .share:nth-child(2) { transition-duration:.4s; }
	#share-tools .share:nth-child(3) { transition-duration:.6s; }
	#share-tools .share:nth-child(4) { transition-duration:.8s; }
	#share-tools .share:nth-child(5) { transition-duration:1s; }
#share-tools.hide .share { transform:translateX(-100%); }

/*
==================================================
WP PAGES
================================================== */

/*
--------------------------------------------------
POSTS
-------------------------------------------------- */
/* -Hero- */
.post-index #hero .items:not(.owl-loaded) { display:block; height:40.02965159377317vw; overflow:hidden; opacity:0; }

.post-index #hero .post { padding-bottom:56px; }
.post-index #hero .post .container {}
	.post-index #hero .owl-item.center .post .container { border-radius:0 0 20px 20px; box-shadow:0 10px 25px rgba(55, 71, 89, .35); }

.post-index #hero .post .placeholder { padding-bottom:46.11171960569551%; }
	.post-index #hero .owl-item.center .post .placeholder { padding-bottom:53.77875136911281%; border-radius:0 0 20px 20px; }
.post-index #hero .post .placeholder:after { display:block; content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; background:#000; opacity:.5; }
	.post-index #hero .owl-item.center .post .placeholder:after { height:66.6666%; opacity:1; background:rgba(0, 0, 0, .25); background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%); }

.post-index #hero .post .overlay { bottom:35px; left:50%; transform:translateX(-50%); width:100%; }
.post-index #hero .post .category ul { display:flex; justify-content:center; }
.post-index #hero .post .category a { display:block; height:23px; padding:0 13px; margin:0 5px; font-size:0.7692307692307692rem; line-height:23px; color:#fff; border-style:solid; border-width:1px; border-radius:22px; }
	.post-index #hero .post .category a:hover { color:#ff7a59; }
.post-index #hero .post .title { padding-top:6px; padding-bottom:17px; font-size:2.384615384615385rem; }

.post-index #hero .owl-nav { position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:center; }
.post-index #hero .owl-nav button { margin:0 7px; }

/* -Categories- */
.post-index #categories { padding-top:70px; padding-bottom:32px; }
.post-index #categories .item { position:relative; font-size:1.076923076923077rem; color:#cdd6df; }
	.post-index #categories .item:hover,
	.post-index #categories .item.current { color:#ff7a59; }
.post-index #categories .item:not(:last-child):after { content:""; float:right; transform:translateY(8px); width:5px; height:5px; margin:0 17px; background:#ccd6e2; border-radius:100%; }

/* -Posts- */
.post-index #posts { padding-top:70px; padding-bottom:70px; }
.post-index #posts .entries { padding-right:35px; }

.post-index #posts .post { margin-bottom:33px; }
.post-index #posts .post .container { border:1px solid #d0d5db; border-radius:13px; }
	.post-index #posts .post:hover .container { box-shadow:0 10px 25px rgba(55, 71, 89, .175); }
.post-index #posts .post .image .placeholder { border-radius:13px 0 0 13px; }
.post-index #posts .post .copy { padding:27px; }
.post-index #posts .post h3.title { font-size:1.615384615384615rem; }
.post-index #posts .post .excerpt { margin-top:13px; margin-bottom:18px; }
.post-index #posts .post .meta { font-size:0.7692307692307692rem; color:#959595; }
.post-index #posts .post .meta a { color:#4b4b4b; }
	.post-index #posts .post .meta a:hover { color:#ff7a59; }

/* -Search form- */
.post-index #posts .search { margin-bottom:34px; }
.post-index #posts .search input[type="text"] { height:58px; font-size:1.076923076923077rem; }
.post-index #posts .search a.submit { top:50%; right:26px; transform:translateY(-50%); width:23px; height:23px; background:url(assets/images/icon_search_submit.png) no-repeat 0 0 / 200% auto; transition-duration:0s; }
	.post-index #posts .search a.submit:hover { background-position:-23px 0; }

.post-index #posts .subscribe { padding:64px 28px; border-radius:13px; background-position:0 100%; background-repeat:no-repeat; background-size:100% auto; }
.post-index #posts .subscribe h3.title { margin-bottom:29px; font-size:1.769230769230769rem; line-height:1.9 }

.post-index #posts .subscribe form { position:relative; }
.post-index #posts .subscribe .medium { padding:0 116px 0 20px; background:#4c5d6d; border:0; }
.post-index #posts .subscribe .gform_footer { position:absolute; bottom:0; right:0; }
.post-index #posts .subscribe .gform_button { min-width:106px; padding:0; }
	.post-index #posts .subscribe .gform_button:hover { background:#7ec6d9; }

/*
--------------------------------------------------
SINGLE
-------------------------------------------------- */
/* -Hero- */
.post-single #hero .images:not(.owl-loaded),
.post-single #hero .images .placeholder { padding-bottom:37.5%; }
.post-single #hero .images:not(.owl-loaded) { display:block; height:0; }

.post-single #hero .post-data a { color:#fff; }
	.post-single #hero .post-data a:hover { color:#ff7a59; }
.post-single #hero .post-data .category ul { display:flex; }
.post-single #hero .post-data .category a { display:block; height:23px; padding:0 13px; margin:0 5px; font-size:0.7692307692307692rem; line-height:23px; color:#fff; border-style:solid; border-width:1px; border-radius:22px; }
	.post-single #hero .post-data .category a:hover { color:#ff7a59; }
.post-single #hero .post-data .title { margin:26px 0; font-size:2.384615384615385rem; }
.post-single #hero .post-data .excerpt { margin-bottom:24px; font-size:1.461538461538462rem; }
.post-single #hero .post-data .meta a { color:#fff; }
	.post-single #hero .post-data .meta a:hover { color:#ff7a59; }

/* -Post- */
.post-single #post { padding-top:35px; padding-bottom:30px; }
.post-single #post .post-entries { padding-top:35px; padding-bottom:35px; }
.post-single #post .post-entries p:first-child { font-size:1.461538461538462rem; }
.post-single #post .post-entries p:not(:first-child) { line-height:1.9; }
.post-single #post .post-entries p:not(:last-child) { margin-bottom:20px; }

.post-single #post .post-author { margin-bottom:70px; }
.post-single #post .post-author .photo { width:80px; }
.post-single #post .post-author .details { width:calc(100% - 80px); padding-left:20px; }
.post-single #post .post-author .description { opacity:.5; }

.post-single #post .related-posts { padding-top:35px; }
.post-single #post .related-posts h3.title { margin-bottom:26px; font-size:1.307692307692308rem; }
.post-single #post .related-posts h3.title:before { display:block; content:""; position:absolute; z-index:0; top:50%; left:0; transform:translateY(-50%); width:100%; height:1px; background:#9fa7a9; }
.post-single #post .related-posts h3.title span { padding:0 10px; }
.post-single #post .related-posts .item { margin-bottom:26px; }
.post-single #post .related-posts .post .details { padding-left:20px; }
.post-single #post .related-posts .post .title { margin-bottom:5px; font-size:1.076923076923077rem; }
.post-single #post .related-posts .post .meta { font-size:0.7692307692307692rem; color:#959595; }
.post-single #post .related-posts .post .meta a { color:#4b4b4b; }
	.post-single #post .related-posts .post .meta a:hover { color:#ff7a59; }

	@media screen and (min-width:1024px) and (max-width:1121px) {
		.post-single #hero .images:not(.owl-loaded),
		.post-single #hero .images .placeholder { padding-bottom:50%; }
	}
	@media screen and (min-width:768px) and (max-width:1023px), screen and (min-width:640px) and (max-width:767px) and (orientation:landscape) {
		.post-single #hero .images:not(.owl-loaded),
		.post-single #hero .images .placeholder { padding-bottom:75%; }
	}
	@media screen and (max-width:767px) and (orientation:portrait), screen and (max-width:639px) and (orientation:landscape) {
		.post-single #hero .images:not(.owl-loaded),
		.post-single #hero .images .placeholder { padding-bottom:100vh; }
		.post-single #post .related-posts { padding-top:0; }
	}
