html, body {
  background-color: white; 
  padding-bottom: 2rem; 
  font-family: 'Noto Sans', sans-serif; 
  font-weight: 400; 
  font-style: normal; 
  font-size: 1rem; 
  letter-spacing: 0em; 
  line-height: 1.2em; 
  text-transform: none; 
  color: #212121; 
}

body { 
	position:absolute;
	left:0; top:0; z-index:0; 
	padding:0; margin:0; width:100%; height:100%; 
 }




Header {
    position: fixed; 
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    box-shadow: 0 0 16px grey;
	color:white; 
	width:100%; 
	height:90px; 
	background-color:#b33522;
	margin:0 0 1.5em 0;
	}

.SearchLink {
 width:120px;
 height:2.5em;
 vertical-align:middle; 
 position:absolute; 
 left:2.75em; 
 top:25px;
 font-size:0.8em;
 }

.SearchLink img
 {height:2.5em; width:2.5em; vertical-align:-55%; margin-right:0.4em; }

.MastheadLogo {
 position:absolute; 
 left:22%; 
 top:7px;
 }

.MastheadLogoSimple {
display:none;
}

.MastheadLogo img {
 width: 225px;
 max-width: 400px;
}


.innerpage {
padding-top:0;
}

.simplelist {
margin:0em 1em 2em 1em;
line-height:120%;
padding-top:0;
}

.simplelist h2 {
margin-bottom:-1.5;
font-weight:700;
}

.simplelist p.date {
color:#976c60; margin:-0.5;
}

.simplelist p a {
text-decoration:underline; 
color:#0067b1;
}

main {
	margin-top:105px; 
	}


@media screen and (min-width: 1101px) {
	.MastheadNavbar {
	 width:55%;
	 height:25px;
	 position:absolute; 
	 right:1.5em;
	 top:29px;
	 font-size:0.76em; 
	 text-align:right;
	 }

	.MastheadNavbar a {
	 margin-left:2.5em;
	 }

	.MastheadNavbar high {
	 text-decoration:underline;
	 }

	.MastheadMenuButton {
	 display:none;
	}

	.MastheadNavMenu {
	 display:none;
	}
}


@media screen and (max-width: 1100px) {
	Header {
	 height:85px;
	}

	.MastheadLogo {
	 position:absolute; 
	 left:35%; 
	}

	.MastheadLogoSimple {
	 display:none;
	}

	.MastheadNavbar {
	 display:none;
	}

	.MastheadMenuButton {
	 width:100px;
	 height:25px;
  	 vertical-align:middle; 
	 position:absolute; 
	 right:1.5em;
	 top:29px;
	 font-size:0.76em; 
 	}

	.MastheadMenuButton:hover>.MastheadNavMenu {
	display:block;
	}

	.MastheadMenuButton img {
	height:2.5em; width:2.9em; vertical-align:-55%; margin-left:1em; }

	.MastheadMenuButton .MastheadNavMenu {
	 display:none;
	 position:absolute;
	 right:0; 
	 top:0;
	 width:165px;
	 font-size:1.25em;
	 background-color:#976c60;
	 color:#fff;
	 border:4px solid #6c0000;
	 z-index:50;
	 padding-bottom:0em;
	 padding-top:0.4em;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}

	.MastheadNavMenu a p {
	border-bottom:1px solid white;
	padding:1em .8em .75em .5em;
	width:144px;
	}

	.MastheadNavMenu p.last {
	border-bottom:none;
	}

	.MastheadNavMenu a:hover p {
	color:#6c0000;
	text-decoration:none !important;
	}

}

@media screen and (max-width: 620px) {
	.MastheadLogo {
	 display:none;
	}

	.MastheadLogoSimple {
	 display:block;
	 position:absolute; 
	 left:42%; 
	 top:5px;
	}

	.MastheadLogoSimple img {
	 height:75px;
	}


}




h1,
h1.BlogItem-title {
  text-align: left;
  margin-top: 16px !important;
  margin-bottom: 16px !important;
  line-height: 1.25em;
  border-bottom:1px solid #b43622; 
}

h2 { 
  color: #6c0000;
  margin: 2rem 0 .75rem;
}

h3 { 
  color: #563127;
  margin: 1.5rem 0 .75rem;
}

p, p span {
  margin: .75rem 0;
  a:link, a:visited {
    text-decoration: underline;
    color: #0067b1;
    border: none;
  }
  a:hover, a:focus {
    color: #66a4d0;
  }
}

/* For icons inline with text */
img.inline, object.inline, svg.inline, image
 {height:1.75em; width:1.75em; vertical-align:-35%; margin-right:0.4em; 
}
p.hanging
{padding-left:33px; text-indent:-33px; }


ol, ul {
  padding-left: 1em;
}
blockquote,
.sqs-block-html blockquote,
.sqs-block-markdown blockquote{
  border: none;
  font-style: italic;
  padding-left: 1rem;
}

.image-caption,
.sqs-block-image .sqs-image-caption p, .sqs-block-image .image-caption p {
  margin: 0 0 1rem;
  font-style: italic;
  color: #71716a;
  font-size: .875rem;
  line-height: 1.68em;
}

.Header-nav-item:hover,
.Header-nav-item:focus {
  text-decoration: underline;
}




/* Large Promo Banner */
p.promotitle {font-size:2.5em; color:#563127; margin-bottom:0.1em; line-height:110%; }
p.promotext {font-size:1.4em; color:#976c60; line-height:160%; }
p.promotext a:link, p.promotext a:visited {color:#976c60; text-decoration:underline; }
p.promotext a:active, p.promotext a:hover {color:#b33522; }

.bannerblock {margin:0 1em 0 1.1em; width:97%; }

/* DESIGN FOR EVERY SCREEN - DECEMBER 2019 */
.bannertext {margin:0 1em 0 1.1em; }

@media screen and (max-width: 641px) {
 .bannertext { }
 .bannerblock {margin-bottom:1em; width:90%; }
}





/* Three columns at bottom */
div.columncontent {
  margin-bottom:1em; padding-bottom:0;
  border-bottom:1px solid #B33522; }

.summary-excerpt p.date {
  color:#976c60; margin:0;
  }

div.columncontent h2 {
  font-size:32px; color:#b43622; !important
  }

div.columncontent h2.nothome {
  font-size:24px;
  font-weight:700;
  color:#6c0000;
  }


.columntitle {
  margin-bottom:0.5em; padding-bottom:0.5em; }

.summary-content {
 width: 90%; }

h3.columnsubtitle {
 font-size:20px;
 font-color:#333; !important;
 }

.summary-read-more-link {
  text-decoration: underline;
  color: #0067b1;
  float: left;
  &:hover,
  &:focus {
    color: #66a4d0;
  }
}

/* For reveal icons after Read More */
img.postline {
 height:1.75em; width:1.75em; vertical-align:-35%; margin-left:0.4em; 
}




Header {display:block; }




.Mobile-bar.Mobile-bar--top {
  display: flex;
  align-items: stretch;
  }

.Mobile-bar.Mobile-bar--top >div>* {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem 1rem;
  }
}

section.Index-page:first-of-type {
  margin-bottom: 1rem;
}

.Index-page,
.Main-content {
  background: none;
  padding-top: 0;
}

.Index-page-content {
  padding: 0 1.25rem;
}

#yui_3_17_2_1_1568871292639_76{
  padding-top: 0
}
#block-yui_3_17_2_1_1565379634419_26218 {
  background: white;
  &>div {
    max-width: 1280px;
    margin: 0 auto;
  }
}

.sqs-block {
  margin: 0;
  padding: 0;
}


.Header-nav-item--active {
 text-decoration: underline; 
}

.Mobile-overlay-menu {
  margin-right: 0;
  margin-top: 60px;
  width: 100%;
}

.Mobile-overlay-menu-main {
  padding: 0;
}

nav.Mobile-overlay-nav {
  a {
    display: block;
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, .25);
    border-collapse: collapse;
    padding-left: 1.25rem;
	padding-bottom: 0;
    &:first-of-type {
      border-top: solid 1px rgba(255, 255, 255, .25);
    }

    &:hover,
    &:focus {
      text-decoration: underline;
      background-color: rgba(0, 0, 0, .25);
    }
  }
}

a.Mobile-bar-search,
button.Mobile-bar-menu,
.Mobile-overlay-close {

  &:hover,
  &:hover {
    background-color: rgba(0, 0, 0, .25);
  }
}




/* Content */
@media screen and (max-width: 640px) {
  .sqs-layout .sqs-row .sqs-block:last-child {
    	padding-bottom: 0px !important;
  }
}
.sqs-block-summary-v2 .summary-block-setting-design-list .summary-item {
  padding-bottom: 0px !important;
}


/* Social icon style */
.social-icons-color-black.social-icons-style-solid .sqs-svg-icon--wrapper {
  background-color: #8C6155;
}

.social-icons-color-black.social-icons-style-solid .sqs-svg-icon--list:hover .sqs-svg-icon--wrapper:hover {
  background-color: #B33522;
}

/* Sticky footer with social icons */
div#footerBlocksTop {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  background-color: #FFFFFF;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px -3px 6px lightgrey;
  opacity: 1;
  padding: .5rem 0;
}
div#footerBlocksTop > div {
  justify-content: space-between;
  align-items: center;
}
div#block-yui_3_17_2_1_1566847907617_4067 {
  padding: 0;
  padding-top: 0 !important;
  display: block;
  width: 100%;
}



@media screen and (min-width: 641px) {
  #footerBlocksTop > div {
	display: flex;
  }
}
nav.sqs-svg-icon--list {
  display: flex;
  justify-content: space-around;
}

/* Blog */
.BlogItem-title,
.tweak-blog-item-alignment-center .BlogItem-title {
  text-align: left;
}

.BlogItem-pagination-link-content,
h4.BlogItem-pagination-link-title {
  text-decoration: underline;
  &:hover,
  &:focus {
    color: #66a4d0;
  }
}

/* Search */
.sqs-search-page-item .sqs-main-content{ width: 100%; }
.sqs-search-container { padding-top: 1rem; }
.sqs-search-page-input { margin-bottom: 1rem; }

.Share.sqs-share-buttons {
  display: none;
}

/* Blog specific */
.Blog-meta.BlogItem-meta {
  display: flex;
  justify-content: flex-end;
}

footer {
  font-size: .75rem;
}

.form-wrapper .field-list .field .field-element {
  border-left: solid 6px #B33522;
}
.form-wrapper .field-list .field .field-element:valid {
  border-color: #969691;
  border-left: solid 1px #969691;
}




.birdpad {text-align:right; }
.birdpad img {width:30%; }

.birdpad p {
 text-align:left; 
 margin:0 0 9em 1em;
 font-size:0.8em;
 color:#976c60;  
}





footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #b33522;
    text-align: center;
    box-shadow: 0 0 16px grey;
	padding: 25px 0 5px 0;
}

footer div {
    margin-top: 18px;
}

footer a {
    color: white; 
    margin-left: 2em;
}

footer a:hover {
	text-decoration:underline
}

footer a:hover::before {
	opacity: 0.7;
}



footer a::before {
    content: ""; 
    position: absolute;
    top: 12px;
	padding-left: 20px;
    width: 40px;
    height: 30px;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: 30px;
}



footer a.contact::before {
	padding-left: 20px;
	background-image: url('http://4ourth.com/SS2019/EmailBound-white.svg');
}

footer a.linkedin::before {
	padding-left: 8px;
	background-image: url('http://4ourth.com/SS2019/LinkedInBound-white.svg');
}

footer a.insta::before {
	padding-left: 20px;
	background-image: url('http://4ourth.com/SS2019/instagramBound-white.svg');
}

footer a.behance::before {
	padding-left: 10px;
	background-image: url('http://4ourth.com/SS2019/BehanceBound-white.svg');
}

footer a.twitter::before {
	padding-left: 1px;
	background-image: url('http://4ourth.com/SS2019/TwitterBound-white.svg');
}

footer a.fb::before {
	padding-left: 14px;
	background-image: url('http://4ourth.com/SS2019/FacebookBound-white.svg');
}

footer a.ss::before {
	padding-left: 16px;
	background-image: url('http://4ourth.com/SS2019/SlideshareBound-white.svg');
}



@media screen and (max-width: 920px) {

	footer {display: none; }

	.footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #b33522;
    text-align: center;
    box-shadow: 0 0 16px grey;
	padding: 20px 0 28px 0;
	}

	div.footer a {
    width: 10%px;
    height: 30px;
    margin-left: 3%;
	background-repeat: no-repeat;
	background-position: center; 
	background-size: 30px;
	padding: 5px 5%;
	}

	div.footer a.contact {
	margin-left: 0; 
	background-image: url('http://4ourth.com/SS2019/EmailBound-white.svg');
	}

	div.footer a.linkedin {
	background-image: url('http://4ourth.com/SS2019/LinkedInBound-white.svg');
	}

	div.footer a.insta {
	background-image: url('http://4ourth.com/SS2019/instagramBound-white.svg');
	}

	div.footer a.behance {
	background-image: url('http://4ourth.com/SS2019/BehanceBound-white.svg');
	}

	div.footer a.twitter {
	background-image: url('http://4ourth.com/SS2019/TwitterBound-white.svg');
	}

	div.footer a.fb {
	background-image: url('http://4ourth.com/SS2019/FacebookBound-white.svg');
	}

	div.footer a.ss {
	background-image: url('http://4ourth.com/SS2019/SlideshareBound-white.svg');
	}


}