/*
 * Block Overrides
*/
.wp-block-template-part abbr, .wp-block-template-part address, .wp-block-template-part article, .wp-block-template-part aside, .wp-block-template-part audio,
.wp-block-template-part b, .wp-block-template-part blockquote, .wp-block-template-part caption, .wp-block-template-part cite, .wp-block-template-part code,
.wp-block-template-part dd, .wp-block-template-part del, .wp-block-template-part details, .wp-block-template-part dfn, .wp-block-template-part dl, .wp-block-template-part dt,
.wp-block-template-part em, .wp-block-template-part fieldset, .wp-block-template-part figure, .wp-block-template-part form, .wp-block-template-part h1, .wp-block-template-part h2,
.wp-block-template-part h3, .wp-block-template-part h4, .wp-block-template-part h5, .wp-block-template-part h6, .wp-block-template-part i, .wp-block-template-part img,
.wp-block-template-part ins, .wp-block-template-part kbd, .wp-block-template-part label, .wp-block-template-part legend, .wp-block-template-part li, .wp-block-template-part mark,
.wp-block-template-part menu, .wp-block-template-part nav, .wp-block-template-part object, .wp-block-template-part ol, .wp-block-template-part p, .wp-block-template-part pre,
.wp-block-template-part q, .wp-block-template-part samp, .wp-block-template-part section, .wp-block-template-part small, .wp-block-template-part span, .wp-block-template-part strong,
.wp-block-template-part sub, .wp-block-template-part summary, .wp-block-template-part sup, .wp-block-template-part table, .wp-block-template-part tbody, .wp-block-template-part td,
.wp-block-template-part tfoot, .wp-block-template-part th, .wp-block-template-part thead, .wp-block-template-part time, .wp-block-template-part tr, .wp-block-template-part ul,
.wp-block-template-part var, .wp-block-template-part video, .wp-block-template-part a {
    /*
    margin: unset;
    padding: unset;
    border: unset;
    vertical-align: unset;
    background: unset;
    */
    font-family: unset;
    font-size: unset;
    font-weight: unset;
    line-height: unset;
}


/* Fix for block containers in classic templates */
@media screen and (min-width: 960px) {
    .alignfull {
        width:100vw;
        max-width: 100vw;
        margin-left: calc(50% - 50vw)
    }
}
@media (min-width: 768px) {
    .wp-block-group__inner-container {
        width:750px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
}
@media (min-width: 992px) {
    .wp-block-group__inner-container {
        width:970px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
}
@media (min-width: 1200px) {
    .wp-block-group__inner-container {
        width:1170px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px
    }
}
:root :where(.is-layout-flow) > * {
    margin-block-start: revert;
    margin-block-end: revert;
}
:root :where(.is-layout-flow) > :first-child {
    margin-block-start: revert;
    margin-block-end: revert;
}



/* Set font sizes according to the template */

/* Inner page templates */
:root {
    --wp--preset--font-size--x-small: 12px;
    --wp--preset--font-size--small: 14px;
    --wp--preset--font-size--medium-minus: 16px;
    --wp--preset--font-size--medium: 18px;
    --wp--preset--font-size--medium-plus: 20px;
    --wp--preset--font-size--medium-large: 22px;
    --wp--preset--font-size--large: 24px;
    --wp--preset--font-size--x-large: 28px;
    --wp--preset--font-size--xx-large: 36px;
    --wp--preset--font-size--xxx-large: 45px;
}
.grid-item h4 {
    font-size: var(--wp--preset--font-size--medium-plus);
}

/* Full screen templates */
body.page-template-about-us,
body.page-template-home-page-video,
body.page-template-home-page,
body.page-template-projects-page,
body.page-template-template-coronavirus-marketing-hub,
body.page-template-template-marion-marketing-agency {
    --wp--preset--font-size--x-small: 12px;
    --wp--preset--font-size--small: 14px;
    --wp--preset--font-size--medium-minus: 16px;
    --wp--preset--font-size--medium: 18px;
    --wp--preset--font-size--medium-plus: 22px;
    --wp--preset--font-size--medium-large: 26px;
    --wp--preset--font-size--large: 28px;
    --wp--preset--font-size--x-large: 40px;
    --wp--preset--font-size--xx-large: 54px;
    --wp--preset--font-size--xxx-large: 70px;
}

body.page-id-12956 {
    --wp--preset--font-size--xxx-large: 40px;
}

/* Header and footer */
header.site-header,
footer.site-footer {
    --wp--preset--font-size--small: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.25), 1.125rem);
    --wp--preset--font-size--medium: clamp(18px, 1.125rem + ((1vw - 3.2px) * 0.375), 1.5rem);
    --wp--preset--font-size--large: clamp(2.168rem, 2.168rem + ((1vw - 0.2rem) * 0.457), 2.625rem);
    --wp--preset--font-size--x-large: clamp(3.408rem, 3.408rem + ((1vw - 0.2rem) * 0.717), 4.125rem);
    --wp--preset--font-size--x-small: clamp(12px, 0.75rem + ((1vw - 3.2px) * 0.25), 1rem);
    --wp--preset--font-size--medium-minus: clamp(16px, 1rem + ((1vw - 3.2px) * 0.25), 1.25rem);
    --wp--preset--font-size--medium-plus: clamp(1.6rem, 1.6rem + ((1vw - 0.2rem) * 0.15), 1.75rem);
    --wp--preset--font-size--medium-large: clamp(1.859rem, 1.859rem + ((1vw - 0.2rem) * 0.391), 2.25rem);
    --wp--preset--font-size--xx-large: clamp(4.234rem, 4.234rem + ((1vw - 0.2rem) * 0.891), 5.125rem);
    --wp--preset--font-size--xxx-large: clamp(4.75rem, 4.75rem + ((1vw - 0.2rem) * 1), 5.75rem);
}






/* Fix classic title */
.wp-site-blocks >article.post {
    padding-left: 14px;
    padding-right: 14px;
}
#interior-page-header {
    background: none;
    padding-left: 28px;
    padding-right: 28px;
    max-width: var(--wp--style--global--wide-size);
    margin-left: auto !important;
    margin-right: auto !important;
    border-bottom: 1px solid #cfd0d0;
    padding-bottom: var(--wp--preset--spacing--20);
    padding-top: 0;
}
#interior-page-header h1,
#interior-page-header h2 {
    padding-bottom: 0;
    padding-top: 0;
    border: none;
    color: black;
    padding-right: 0;
    padding-left: 0;
    max-width: var(--wp--style--global--wide-size);
    text-transform: none;
}
.page-template-interior-industry-page #interior-page-header,
.interior-menu-bg {
    display: none;
}
#breadcrumb-wrap, #breadcrumb-wrap p {
    margin-top: 0;
    border: none;
}



/* Add white space around page and sections */
body >.wp-site-blocks {
    padding-left: var(--wp--style--root--padding-right);
    padding-right: var(--wp--style--root--padding-right);
    overflow-x: hidden;
}
header.site-header >.wp-block-group,
footer.site-footer >.wp-block-group {
    padding-left: 0;
    padding-right: 0;
}
footer.site-footer,
.helpful-resources,
.interior-page-cta,
.anniv-about,
.induservices,
#case-study,
#contact-wrap {
    margin-block-start: var(--wp--style--block-gap);
}





/* Buttons */
.button.wp-block-button {
    border-radius: 26px;
}
.button:not(.wp-block-button), .hs-button, a.button, input.button, a.botton:hover, a.button:visited, a.button.white {  
    border-radius: 26px;
    border-width: 0;
    color: var(--wp--preset--color--base);
    font-family: inherit;
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1;
    padding-top: 1em;
    padding-right: 4.22em;
    padding-bottom: 1em;
    padding-left: 1.55em;
    text-decoration: none;
    position:relative;
    box-shadow: unset;
}
.button:not(.wp-block-button)::after {
    content: '';
    position: absolute;
    background-image: url(../svg/link-arrow.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 2em;
    height: 2em;
    right: 0.5em;
    top: 0.5em;
}
a.button.white:hover, .button.white:not(.wp-block-button):hover,
.button.blue:not(.wp-block-button):hover {
    box-shadow: 0px 0px 10px 0px #316baf!important;
}
.button.yellow:not(.wp-block-button):hover {
    box-shadow: 0px 0px 10px 0px #fcce01!important;
}
.button.red:not(.wp-block-button):hover {
    box-shadow: 0px 0px 10px 0px #dd2a26!important;
}
a.button.white, .button.white:not(.wp-block-button) {
    border: 2px solid var(--wp--preset--color--title-1);
    padding: calc(1em - 2px) calc(4.22em - 2px) calc(1em - 2px) calc(1.55em - 2px) !important;
}
a.button.white::after, .button.white:not(.wp-block-button)::after {
    background-image: url('../svg/link-arrow-blue.svg');
    width: 2em;
    height: 2em;
    right: calc(0.5em - 2px);
    top: calc(0.5em - 2px);
}




/* Full Screen Headers */
header.site-header,
#home-feature-bg {
    margin-block-start: 0;
}
#home-feature-bg {
    height: calc(100vh - 83px);
}







.center {
    text-align: center
}

.left {
    text-align: left
}

.right {
    text-align: right;
}
















/*
 * Custom CSS
*/

/********Menu New Services***********/
.xtra {/*display: inline-block!important;*/
	background-color: #fcd700;
	border-radius: 5px;
	width:160px;
	text-transform:uppercase;
	text-align:center;
}
.xtra:hover {border-bottom:0!important;}
.xtra a {padding: 5px 10px 5px!important;color: #1c75bc!important;font-weight:bold!important;}

.xtra span  {display:inline-block;background-color:#dd2a26!important;padding:4px 4px 3px; border-radius: 5px;text-transform: uppercase!important; }

.xtra a span {color: #ffffff; font-style:italic; font-weight:bold}

@media only screen and (max-width:1050px){
.xtra {display:block!important;
	background-color: unset!important;
	width:unset;
	}
	.xtra a {padding: unset!important;color: #fcd700!important;font-weight:bold!important;}

	
	
}


/********HOME HOLIDAY BACKGROUND IMAGE**************/
/* #home-feature-bg.home {
    background-image: url(https://new.marion.com/wp-content/uploads/2023/11/top-marketing-agencies-texas-holiday.jpg);
}
a.button.blue, a.button.red {position:relative; z-index:100;}

#home-feature-content::after {
	content: url(https://new.marion.com/wp-content/uploads/2023/11/corner-wreath.png); 
	position: absolute;
	bottom: -60px;
	right:-60px;
	z-index:0;
	
}

#home-feature-content::before {content: url(https://new.marion.com/wp-content/uploads/2023/11/corner-wreath-left.png);
position: absolute;
top:-60px;
left:-60px;
}
*/
/************HOME Background image HOLIDAY for Mobile *******************/
/* @media (max-width:480px){
	
	#home-feature-bg.home {
    background-image: url(https://new.marion.com/wp-content/uploads/2023/11/top-marketing-agencies-texas-holiday-mobile-dark.jpg)!important;
}
}
*/
/****************/

/******correct validation error in address ********/
.address p.city { 
	/*font-family: raleway,sans-serif;*/
    font-size: 135%;
    text-transform: uppercase;
    margin: 0;
    font-style: normal;
    letter-spacing: 2px;
	font-weight:bold;
}

/************HOME Background image *******************/
@media (max-width:480px){
	
	#home-feature-bg.home {
    background-image: url(../bg-phone.html)
}
}
/*******************************/


/********INDUSTRIES PAGES *************/
p.intro-paragraph  {line-height: 32px!important;}
.services-provided {background-image: url(../industrypg_services_bgd.html); background-size: cover; background-repeat: no-repeat;}
.services-provided h2, .highlight-section h2 {text-transform: none!important;}
.services-provided .wp-block-columns .wp-block-column, .services-new .wp-block-columns .wp-block-column {
margin: -5px 9px; 
padding:20px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}

.services-provided .wp-block-group__inner-container {max-width: 1015px;}

@media only screen and (max-width: 782px){
	.services-provided .wp-block-columns .wp-block-column {
		margin-bottom: 20px;
    margin-right: 4px;
    margin-left: 10px}
	
}

.highlight-section .wp-block-columns {margin-bottom: 0!important; } 
.highlight-section figure {
    margin-bottom: -3px;
}
.highlight-section img {height: auto;}

.highlight-section ul {margin-left: 15px!important;}

.highlight-section p {line-height: normal;}
/****************


/***********Theme Support for Full Width blocks CSS ***************/
/*
@media screen and (min-width: 960px) {
     .alignwide, .alignfull {
          width:  100vw;
          max-width:  100vw;
          margin-left:  calc(50% - 50vw);
     }
}
*/

/***********For Fullwidth Group Block (Inner Container width *********************/
/*
@media (min-width:768px) {
.wp-block-group__inner-container { width: 750px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
}

@media (min-width:992px) {
.wp-block-group__inner-container { width: 970px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }
}

@media (min-width:1200px) {
.wp-block-group__inner-container { width: 1170px; margin: 0 auto; padding-left: 15px; padding-right: 15px;}
}
*/

#interior-page-header .interior-page-header-inner {
	color: #fff;
    display: block;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 1;
    text-transform: uppercase;
    font-size: 345%;
    border: solid 5px #fff;
    padding: 50px;
	
}

#interior-page-header .interior-page-header-inner h1{
color: #fff;
    display: inline;
    max-width: unset;
    margin: unset;
    line-height: 1;
    text-transform: uppercase;
    font-size: unset;
    border: 0;
    padding: unset;	
	
}

#case-study-button h2 {
    font-size: 100%!important;
	color: #000000;
    display: inline;
    padding: 15px 0px;
    font-weight: 700;
    font-style: normal;
	border: 0;
}




/**********40th Anniversary Stuff*************/

.anniv {float: right; margin: -20px -20px 0 0;width: 225px;}
.anniv-footer {display: block; width: 100%; max-width: 150px; float: right;}

.anniv-footer img {width: 80%; margin-top: 20px}

.anniv-about {padding: 100px 0;}

.anniv-about h3 {font-size: 280%;
    margin-bottom: 50px;margin-top:0; text-align:center;}

.anniv-about-left-col {
	width: 30%;
	float: left;
	padding-right: 3%;
}
.anniv-about-left-col img {max-width: 100%;}
.anniv-about-right-col {
	width: 64%; 
  float: left;
	padding-left:3%;
	border-left: 1px solid #bdbdbd;
	
}


@media screen and (max-width: 1050px){
	
.anniv-footer {float: none; margin: 25px auto;}
}


@media screen and (max-width: 768px){
	.anniv-about-left-col {
	width: 100%;
	float: left;
	padding-right: 0;
		text-align:center;
}
	.anniv-about-left-col img {width: 100%; max-width: 270px; margin: 0 auto;}
	
.anniv-about-right-col {
	width: 100%; 
  float: left;
	padding: 25px;
	border-left: 0;
	
}
	
	
}
@media screen and (max-width: 650px){
	.anniv img {max-width: 150px; height: auto;}
	.anniv {width: 150px;}
	
}
@media screen and (max-width: 400px){
	.anniv {width: 120px;}
	.anniv {margin: 0;}
	.anniv img {
    max-width: 120px;
}
}

/*****************************/
ul#menu-footer-menu {margin-bottom: 70px;}

ul.share-buttons-horizontal li {display: inline-block; }
.shareicons {text-align: right}


h1 {/*font-family: Raleway, sans-serif;*/ font-weight: 800; font-style: normal!important;}

/* Case Studies Pages Styles */
.company-logo {width: 215px; height: 215px; position: absolute; z-index: 10; top: 50%; left: 50%; margin-left: -108px; margin-top: -108px;}
.company-logo img {width: 100%; height: auto;}
h4.sub-header.case-study, h1.case-study {color: #ffffff; text-align: left!important;}
h4.sub-header.case-study {font-size: 32px; max-width: 400px}
h1.case-study {font-size: 62px; line-height: 62px;margin-top: 0}

.featured-content.case-studies {margin-top: 0!important; padding-top: 30px; }

.featured-content.case-studies h2 {font-size: 52px;}
.services-top-image.case-studies {padding-bottom: 0!important; position: relative; padding-top: 15px}

.sub-sections-wrapper.case-studies div.content {text-align: center;}
#results {
    
    width: 100%;
    text-align: center;
    background: #efefef;
    height: auto;
    padding: 100px 50px 30px 50px;
    color: #323232;
    overflow: auto;

}
.results-header {text-align: center;}
.results-row { padding-bottom: 25px; border-bottom: 1px solid #dddddd; text-align: left; display: table }

.result-left {
	width: 25%;
	padding: 0 2% 0 0;
	text-align: center;
	position: relative; 
	display: table-cell; vertical-align: middle; }

.result-right {
	position: relative; 
	width: 70%;
	padding: 0 0 0 2%;
	display: table-cell; vertical-align: middle;}

.result-big {/*font-family: Roboto Slab, serif;*/ /*font-size: 72px;*/ font-weight: bold; color:#407cc5;display: block; }
span.plus {/*font-family: Roboto Slab;*/ font-weight: 300;}
.result-med {font-size: 24px; text-transform: uppercase;display: block;}

#other-services h2 {
	margin: 25px 0 15px;
	text-align:center;
}
#other-services-column-1 {width:36%;float:left;padding:8px;}
#other-services-column-2-3 {width:30%;float:left;padding:8px;}

@media screen and (max-width: 768px) {
	#other-services-column-1 {width:90%;float:none;padding:0 0 0 8px;}
#other-services-column-2-3 {width:90%;float:none;padding:0 0 0 8px;}
	div#results {padding: 50px 20px}
	div#results div.sub-sections-wrapper {width: 100%}
	.results-row {display: block;}
	.result-right {display: block; float: left; width: 100%;}
	.result-left {display: block; float: left; width: 100%;}
	
	h1.case-study {font-size: 32px; line-height: 34px;}
	
	h4.sub-header.case-study {font-size: 24px; line-height: 26px;}
	
.company-logo {
    width: 175px;
    height: 175px;
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    margin-left: -87px;
    margin-top: -87px;
}	
}
@media screen and (max-width: 1055px) {
	.services-top-content {
    padding-right: 25px;
    width: 100%;
    float: left;
}
	.services-top-image.case-studies {display: block;
	width: 100%;
	float: left;
	min-width: 320px;}	

	.services-top-image.case-studies img {
		display: block;
		margin: 0 auto;
		
	}
}

/*for Graphic Design case studies*/

body.page-template-case-studies-graphic-design .sub-section-row .image img {
    height: auto;
    width: unset;
}

body.page-template-case-studies-graphic-design .sub-section-row {
    position: relative;
    padding: 75px 0;
}
body.page-template-case-studies-graphic-design .sub-section-row .content {text-align: center;}

div#thegoal {background-color: #efefef;}

/*end Case Studies styles*/
/*HubSpot Partner Badge Style*/

#hs-certified-partner {
	display:inline;
}

@media only screen and (max-width: 1050px) {
	#hs-certified-partner {
		display:block;
	}
	
}

#industries-container {
	background: #f4f4f4;
}

#industries-list {
  padding: 50px 0px 100px 0px;
  margin: auto;
  width: 90%;
  max-width: 1000px;
}

#industries-list ul {
  list-style: disc;
  clear: both;
  margin: 0 0 0 50px;
  padding: 10px 0;
  line-height: 1.75;
}

@media screen and (max-width: 700px) {
	#industries-list .column {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
	}
}

/*for Industry Pages*/

.induexprt-list ul {
  list-style: none!important;
  clear: both;
  padding: 10px 0;
  line-height: 1.2;
}

.induexprt-list ul li {
  position: relative;
  padding-left: 20px;
}

.induexprt-list ul li:before {
	content: "\2714";
  display: block;
  position: absolute;
left: 0;
}

.induexprt-section a { 
	color:#c6f4ff;
}

.induservices h5 {
		margin-top:10px!important;	
}

.page-template-interior-industry-page #interior-page-header {
	height:1px;
  padding: 70px 0 0!important;
}

.page-template-interior-industry-page #interior-page-header h2 {
	visibility:hidden!important;
  padding: 0 0!important;
}

.page-template-interior-industry-page .interior-content {
  padding: 0px 0!important;
}

.page-template-interior-industry-page .interior-content article {
  padding: 50px 0!important;
}

.serv-onebucket {
	padding: 0 20%!important; }

/*.spackcost {
	color: #888B8D;
	font-size: 2ex;
	text-decoration: underline;
	text-decoration-color: #E1251B;
} */

.spackcost {
	color: #dd2a26;
	font-size: 2ex;
	
}
/************fix height in subsections by adding margin to the images. **************/

.sub-section-row .image img {
    height: auto;
    width: 100%;
    margin: 50px 0;
}

/**********fix All Caps headings on portfolio sections ************/
#case-study h2{font-size:280%;text-transform: unset;letter-spacing:2px;margin:45px 0;}

/*******remove top margin on H4s*********/

.content-main h4, h5, h6 {margin:0 0 0 0!important;}