/*
Theme Name: Strategic Creativity - Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

body,
h1,
h2,
h3,
h4,
h5,
p,
body .fusion-main-menu > ul > li,
ul li a,
ul li {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

body .fusion-logo {
	margin-top: 31px;
	margin-bottom: 32px;
}

body .fusion-logo img {
	width: 200px;
	height: auto !important;
}

body .fusion-header-wrapper {
	position: absolute;
	width: 100%;
}

body .fusion-main-menu > ul > li > a {
	border-top: none;
	height: 95px;
	line-height: 95px;
	position: relative;
	font-weight:600;
	color:#000;
	-webkit-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media (min-width: 800px) and (max-width: 900px) {
	.fusion-main-menu > ul > li {
		padding-right: 24px !important;
	}
}

body .fusion-main-menu > ul > li > a:after {
	content:"";
	position: absolute;
	bottom: 31px;
	left: 0;
	width: 0;
	height: 3px;
	background: #fc8e20;
	-webkit-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

body .fusion-main-menu > ul > li.current_page_item > a,
body .fusion-main-menu > ul > li > a:hover {
	color:#000;
}

body .fusion-main-menu > ul > li > a:hover:after,
body .fusion-main-menu > ul > li.current_page_parent > a:after,
body .fusion-main-menu > ul > li.current-page-ancestor > a:after,
body .fusion-main-menu > ul > li.current_page_item > a:after {
	width: 100%;
}


body .fusion-footer-widget-area {
	background-color: #fff;
	border:none;
	padding-top: 43px;
	padding-bottom: 40px;
}

body .fusion-footer-copyright-area {
	background-color: #fff;
	border:none;
	padding-top: 18px;
	padding-bottom: 16px;
}

@media (max-width: 800px) {
	body .fusion-mobile-menu-design-modern {
		background-color: #fff;
	}
}

body .fusion-page-title-bar {
	border:none;
	height: auto;
	background-color:#fc8e20;
	margin:0;
	padding-bottom: 60px !important;
	padding-top: 300px !important;
	padding-top: 36vh !important;
	position: relative;
}

body .fusion-page-title-captions {
	width: 80%;
}
body .fusion-page-title-bar h1, body .fusion-page-title-bar .switch h3 {
	font-weight: 400;
	font-size:24px;
}

body .fusion-page-title-bar h3, body .fusion-page-title-bar .switch h1 {
	font-size: 28px;
	line-height: 1.2em;
	font-weight: 600;
	margin-top: 10px;
	color:#fff;
}

@media (min-width: 600px) {
	body .fusion-page-title-bar h3, body .fusion-page-title-bar .switch h1 {
		width: 95%;
		font-size: 35px;
	}
}

@media (min-width: 1000px) {
	body .fusion-page-title-bar h3, body .fusion-page-title-bar .switch h1 {
		width: 85%;
		font-size: 52px;
	}
}

body .fusion-row,
#main .fusion-row,
#slidingbar-area .fusion-row,
.fusion-footer-copyright-area .fusion-row,
.fusion-footer-widget-area .fusion-row,
.fusion-page-title-row,
.tfs-slider .slide-content-container .slide-content {
	max-width: 1200px !important;
}

.fusion-header {
	background-color: transparent !important;
}

.fusion-header .fusion-row {
	background: #fff;
	padding-right: 40px;
	padding-left: 40px;
}


/* Type changes */

body .post-content p {
	max-width: 36em;
}

body #wrapper h2 {
	font-size: 33px;
	line-height: 1.2em;
	font-weight: 600;
	color: #FC8E20;
}

body #main h3 {
	font-size: 25px;
	line-height: 1.2;
	font-weight: 600;
}

body div.intro p {
	font-size: 25px;
	line-height: 1.4;
	font-weight: 300;
	max-width:28em;
}


/* Footer */
.cta {
	background: #fc8e20;
	padding: 110px 0;
	margin-top: 0px;
	border-bottom:2px solid #111;
	box-shadow: -0px -0px 0px 1px #fc8e20;
}

body #wrapper .cta h2 {
	font-size: 33px;
	line-height: 1.2em;
	font-weight: 600;
	color: #FFF;
	margin-bottom: 0;
}


@media (min-width: 600px) {
	body #wrapper .cta h2 {
		font-size: 50px;
		line-height: 1.2em;
	}
}

@media (min-width: 1100px) {
	body #wrapper .cta h2 {
		font-size: 60px;
		line-height: 1.2em;
		max-width: 65%;
	}
}


body.page-template-page-contact .cta {
	display: none;
}

body .cta a:hover h2 {
	text-decoration: underline;
}

.body .fusion-copyright-notice {
	color:#fff;
}

.fusion-footer-widget-area {
	display: none;
}

body .fusion-footer-copyright-area {
	background-color: #fc8e20;
}

body .fusion-footer-copyright-area .fusion-copyright-notice,
body .fusion-footer-copyright-area .fusion-copyright-notice a {
	color:#fff;
}

.fusion-header-wrapper .fusion-header .fusion-row, .glass-wrapper {
	padding-left: 30px !important;
	padding-right: 30px !important;
}


@media (min-width: 960px) {
	#main, .glass-wrapper, .fusion-header-wrapper .fusion-header, #slidingbar, .fusion-footer-copyright-area, .fusion-footer-widget-area, .fusion-page-title-bar, .fusion-secondary-header, .header-v4 #small-nav, .header-v5 #small-nav, .sticky-header .sticky-shadow, .tfs-slider .slide-content-container {
		padding-left: 70px !important;
		padding-right: 70px !important;
	}

	body #main .glass-wrapper.fusion-row,
	body .cta .glass-wrapper.fusion-row {
		max-width: 1340px !important;
	}
}

body #main .glass-wrapper.fusion-row {
	position: relative;
}

/* Home change */
/*
body.home .fusion-page-title-bar {
	display: none;
}
*/
body #main {
	padding:0 !important;
}


body.home #main {
	padding-top: 0px;
}

body.home .fusion-page-title-bar {
	padding-bottom: 130px !important;
	padding-top: 210px !important;
	padding-top: 30vh !important;
	margin-bottom: -60px !important;
}

.grid-home {
	margin-bottom: -30px;
}

.grid-home:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */



.grid-sizer,
.grid-item {
  width: 100%;
}

.gutter-sizer { width: 0; }

.grid-item {
  padding-bottom: 100%;
  float: left;
  background: #fff;
  margin-bottom: 20px;
}

.grid-item--height2 { padding-bottom: 200%; }

body #wrapper h2.grid__headding-bottom,
body #wrapper h2.grid__headding-top {
	font-size: 44px;
	line-height: 1.15em;
	padding: 20px;
	font-weight: 600;
	margin: 0;
}

body h3.grid__headding-bottom,
body h3.grid__headding-top {
	font-size: 30px;
	line-height: 1.15em;
	padding: 20px;
	font-weight: 600;
	margin: 0;
}

@media (min-width: 600px) {
	.grid-sizer,
	.grid-item {
	  width: 49%;
	}
	.gutter-sizer { width: 2%; }
	.grid-item {
	  padding-bottom: 49%;
	  margin-bottom: 2%;
	}
	.grid-item--width2 { width:  98%; padding-bottom: 48%; }
	.grid-item--height2 { padding-bottom: 100%; }

	body #wrapper h2.grid__headding-bottom,
	body #wrapper h2.grid__headding-top {
    font-size: 48px;
    line-height: 1em;
		padding: 35px;
	}

	body #wrapper h3.grid__headding-bottom,
	body #wrapper h3.grid__headding-top {
		font-size: 34px;
		line-height: 1em;
		padding: 35px;
	}
}

@media (min-width: 1000px) {
	.grid-sizer,
	.grid-item {
	  width: 31.33%;
	}
	.gutter-sizer { width: 3%; }
	.grid-item {
	  padding-bottom: 31.33%;
	  margin-bottom: 3%;
	}
	.grid-item--width2 { width:  65.66%; padding-bottom: 31.33%; }
	.grid-item--height2 { padding-bottom: 65.66%; }

	body #wrapper h2.grid__headding-bottom,
	body #wrapper h2.grid__headding-top {
    font-size: 48px;
		padding: 35px;
	}

	body #wrapper h3.grid__headding-bottom,
	body #wrapper h3.grid__headding-top {
		font-size: 34px;
		padding: 35px;
	}
}

.grid-item.bg-image,
.grid-item.bg-image-cover {
	background-size:cover;
	background-position: center;
}

.grid-item.bg-image-cover .grid__internal {
	background-color: rgba(17, 17, 17, 0.45);
}

body #wrapper .grid-item.bg-image-cover .grid__internal h3,
body #wrapper .grid-item.bg-image-cover .grid__internal h2 {
	color: #fff;
}

.grid-item.bg-orange,
.block.bg-orange {
	background-color: #fc8e20;
}

.grid-item.bg-black,
.block.bg-black {
	background-color: #000;
}

.bg-black a.grid__internal h2 {
	color:#fff !important;
}

.border-black a.grid__internal h2 {
	color:#333333 !important;
}

a.grid__internal:hover h3,
a.grid__internal:hover h2 {
	color:#fc8e20 !important;
}

.grid-item.border-orange .grid__internal,
.block.border-orange .grid__internal {
	border:10px solid #fc8e20;
}
.grid-item.border-black .grid__internal,
.block.border-black .grid__internal {
	border:10px solid #000;
}




.grid__internal, .grid__internal_stick {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	padding: 30px;
	display: block;
}

.grid__headding-bottom {
	position: absolute;
	bottom:0;
	left:0;
}

.grid__headding-top {
	position: absolute;
	top:0;
	left:0;
}

.grid-item.bg-black .grid__headding-bottom,
.grid-item.bg-black .grid__headding-top {
	color:#fff;
}

a.grid-item:hover {
	opacity: 0.8;
}



/* What we do */

.reason {
	margin-bottom: 20px;
}

.reason .left,
.reason .right {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 100%;
}

.reason.odd .left,
.reason.even .right {
	padding: 50px;
	border:10px solid #FC8E20;
}


.reason.odd .left {
	padding-right: 80px;
}

.reason.odd .right,
.reason.even .left {
	background-position: center;
	background-size:cover;
	min-height: 250px;
	height: 90%;
}

.reason.even .left {
	height: 100%;
}

.reason h2 strong {
	color:#FC8E20;
}

@media (min-width: 1100px) {
	.reason {
		height: 380px;
		margin-bottom: 65px;
	}
	.reason .left,
	.reason .right {
		width: 50%;
	}
	.reason.odd .right,
	.reason.even .left {
		min-height: 230px;
	}
	.reason.even .right {
		transform: translate3d(-30px,0px,0);
		-ms-transform: translate3d(-30px,0px,0);
		-moz-transform: translate3d(-30px,0px,0);
		-webkit-transform: translate3d(-30px,0px,0);
		padding-left: 80px;
	}
	.reason.odd .left,
	.reason.even .right {
		padding: 50px;
		border:10px solid #FC8E20;
		transform: translate3d(30px,30px,0);
		-ms-transform: translate3d(30px,30px,0);
		-moz-transform: translate3d(30px,30px,0);
		-webkit-transform: translate3d(30px,30px,0);
	}
	.reason.even .left {
		height: 100%;
		transform: translate3d(0, 30px,0);
		-ms-transform: translate3d(0, 30px,0);
		-moz-transform: translate3d(0, 30px,0);
		-webkit-transform: translate3d(0, 30px,0);
	}
}

/* Blog */
#wrapper #main .fusion-post-content > h2.entry-title {
	font-size: 33px;
	line-height: 1.2em;
}

/* intro width */
.page-intro {
	padding: 40px 0 30px;
}
.page-intro p {
	max-width: 32em;
	font-size: 22px;
	font-weight: 300;
	color: #9A9A9A;
	line-height: 1.45em;
}


/* blackrow */

.black-bg, .white-bg {
	margin-top: 70px;
	padding-bottom: 80px;
}

.white-bg {
	background-color: #fff;
}

.black-bg {
	padding-top: 70px;
	background-color: #111;
}

body #wrapper .black-bg h2.section-title,
body #wrapper .white-bg h2.section-title {
	padding: 10px 0 40px;
	line-height: 1em;
	color: #FC8E20;
}

@media (min-width: 680px) {
	body #wrapper .black-bg h2.section-title,
	body #wrapper .white-bg h2.section-title {
		font-size: 58px;
		padding-left: 50%;
	}
}

body #wrapper .black-bg h2 {
	color: #FFF;
}



/* Grid  */

.flush-squares .grid-item {
	width: 100%;
	margin: 3px;
	margin-bottom: 3px;
	position: relative;
}

.flush-squares .grid-item.bg-image-cover .grid__internal {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	height: calc(100% - 40px);
background-color: rgba(255, 255, 255, 0.93);
}

.flush-squares .grid-item.bg-image-cover .grid__internal:hover {
	width: 100%;
	height: 100%;
	padding: 50px;
}

.flush-squares a.grid-item.bg-image-cover .grid__internal {
	opacity: 0;
	-webkit-transition: all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
	transition:         all 350ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.flush-squares a.grid-item.bg-image-cover:hover .grid__internal {
	opacity: 1;
}

.flush-squares .grid-item.bg-image-cover .grid__internal_stick {
	bottom: 0;
	top:auto;
	left: 0%;
	width: 100%;
	height: auto;
	max-height: 90px;
	background-color: #fff;
}

.flush-squares .grid-item.bg-image-cover .grid__internal_stick h3 {
	margin: 0;
	padding-right: 30px;
}

/*.holder {
	position: absolute;
	right: 10px;
	top: 27px;
}*/

.flush-squares .grid-item.bg-image-cover .grid__internal_stick img {
	max-height: 40px;
	max-width:110px;
	height: auto;
	width: auto;
}

.flush-squares .grid-item.bg-image-cover .grid__internal h3 {
	margin-top: 0;
	color:#111 !important;
}

.flush-squares .grid-item.bg-image-cover .grid__internal p {
	color:#111;
}


@media (min-width: 600px) {
	.flush-squares .grid-item {
		width: calc(50% - 6px);

	}
}

@media (min-width: 800px) {
	.flush-squares .grid-item {
		width: calc(33.33% - 6px);
	}
}

@media (min-width: 780px) {
	.flush-squares.four .grid-item {
		width: calc(33.33% - 6px);
		padding-bottom: 33%;

	}
}



@media (min-width: 1100px) {
	.flush-squares.four .grid-item {
		width: calc(25% - 6px);
		padding-bottom: 25%;

	}
}

@media (min-width: 600px) {
	.flush-squares.two .grid-item {
		width: calc(50% - 6px);
		padding-bottom: 40%;

	}
}


/* Contact styles  */
#comment-input input {
	width: 100%;
}

input[type="text"] {
	height: 52px !important;
	margin-bottom: 10px;
}

textarea, input[type="text"] {
	font-size: 16px !important;
}

.fusion-button-default {
	padding: 23px 29px !important;
	font-size: 26px !important;
	text-transform: inherit !important;
	background-color:  #FC8E20 !important;
}

.fusion-button-default:hover {
	background-color: #111 !important;
}

/* Blog styles */
body.blog #main {
	padding: 70px 0 !important;
}

body.blog #main h2.entry-title a {
	font-size: 33px;
	line-height: 1.2em;
	font-weight: 600;
}

body.blog #main .fusion-post-wrapper {
	border: 4px solid #FC8E20;
}

body.blog #main .fusion-blog-layout-grid .fusion-post-content-wrapper,
body.blog #main .fusion-blog-layout-timeline .fusion-post-content-wrapper {
    padding: 40px 40px 20px 40px;
 }

body.blog .fusion-page-title-bar {
	padding-top: 156px;
}



/* Case study */
.logo-block img {
	max-width: 160px;
	float: right;
	margin-top: 50px;
}

.limit-width p {
	max-width: 38em;
}

.brands {
	text-align: center;
}

.brands img {
	max-width: 140px;
	margin: 0 20px 20px;
	max-height: 90px;
	vertical-align: center;
}

blockquote.bold {
	font-size: 20px;
	font-family: helvetica neue, arial;
	font-weight: 600;
	line-height: 1.2em;
	color: #111;
	padding: 50px 20% 50px 50px;
	border-left: 6px solid #FC8E20;
	margin: 30px 0;
}

@media only screen and (min-width: 1000px) {
	blockquote.bold {
		font-size: 31px;
	}
}

blockquote p {
	margin: 0;
}


/* Images at the top */
.images-top {
	margin-bottom: 50px;
}

.images-top img {
	width: 100%;
}


/* Default page */

.page-template-default #main {
	    padding-bottom: 50px !important;
}



/* about / team */

.portrait-photo {
	margin-bottom: 35px;
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {
	body #wrapper .fusion-page-title-bar {
		height: auto !important;
	}
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape) {
	body #wrapper .fusion-page-title-bar {
		height: auto !important;
	}
}



/* grid */

@media (max-width: 599px) {
	.fusion-layout-column {
    width: 96% !important;
  }
}