/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
* {box-sizing: border-box; margin: 0; padding: 0;}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body {margin: 0}
article,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block}
canvas,progress,video {display: inline-block; vertical-align: baseline}
a {background-color: transparent}
a:active,a:hover {outline: 0}
b,strong {font-weight: 700}
small {font-size:80%}
img {border: 0}
svg:not(:root) {overflow: hidden}
hr {height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box}
pre {overflow: auto}
code,pre {font-family: monospace,monospace; font-size: 1em}
button,input,optgroup,select,textarea {margin: 0; font: inherit; color: inherit}
button {overflow: visible}
button,select {text-transform: none}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer}
button[disabled],html input[disabled] {cursor: default}
button::-moz-focus-inner,input::-moz-focus-inner {padding: 0; border: 0}
input {line-height: normal}
input[type="checkbox"],input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
fieldset {padding: .35em .625em .75em; margin: 0 2px; border: 1px solid silver}
legend {padding: 0; border: 0}
textarea {overflow: auto}
table {border-spacing: 0; border-collapse: collapse}
td,th {padding: 0}

body {color: #5f5f5f; font-family: "open_sans", Arial, Helvetica, sans-serif; font-size: 18px;}

/* TYPOGRAPHY */
@font-face {
  	font-family: 'CamingoDos-Bold';
  	src: url('/wp-content/themes/starkers/fonts/35D8FC_0_0.woff2') format('woff2'),
      url('/wp-content/themes/starkers/fonts/35D8FC_0_0.woff') format('woff');
}
@font-face {
    font-family: 'open_sans';
    src: url('/wp-content/themes/starkers/fonts/opensans-regular-webfont.woff2') format('woff2'),   
    	url('/wp-content/themes/starkers/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-display: swap;
  font-family: 'open_sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/starkers/fonts/open-sans-v40-latin-700.woff2') format('woff2');
}
h1, h2, h3, .ribbon {font-family: "CamingoDos-Bold", Arial, sans-serif; font-weight: normal; margin-bottom: 0.3em;}
h1, .h1 {font-size: 32px;}
h2, .h2 {font-size: 28px;}
h3, .h3 {font-size: 22px;}
p {line-height: 1.5em; letter-spacing: 0.01rem;}
p, ul, ol {margin-bottom: 1.1em;}

@media (min-width: 990px) {  
  h1, .h1 {font-size: 45px;}
  h2, .h2 {font-size: 40px;}
  h3, .h3 {font-size: 26px;}
}

.text-large {font-size: 22px;}
.text-center {text-align: center;}

a {color: #53bffd; text-decoration: none;}
a:hover {text-decoration: underline;}

.blue {color: #53bffd;}
.darkBlue {color: #45526E;}
.lightGray {color: #bbb;}

.ribbon {background: url("/wp-content/uploads/2024/12/ribbon2@2x.png") no-repeat; background-size: auto 31px; color: #fff; height: 31px; left: 50%; line-height: 34px; margin: -16px 0 0 -93px; position: absolute; text-align: center; width: 186px;}
.ribbon.h3 {font-size: 18px;}

/* LAYOUT */
.pageWidth {margin: 0 auto; max-width: 1600px;}
.relative {position: relative;}
#main-column {width: 100%;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {min-height: 1px; padding: 0 15px 20px 15px; position: relative;}
.col-section {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: -15px; margin-right: -15px;}
.col-section > .col-section {margin: 0;}
.col-section-center {justify-content: center;}
.col-vert-center {align-self: center;}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-sm-9 {float: left;}

.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

.col-section img {height: auto; max-width: 100%;}
.col-padding {padding-top: 20px; padding-bottom: 20px;}
.col-padding-lg {padding-top: 40px; padding-bottom: 40px;}
.col-padding-lg-top {padding-top: 40px;}
.col-padding-xl {padding-top: 60px; padding-bottom: 60px;}
.no-margin-bottom {margin: 0 !important;}
.no-padding-bottom {padding-bottom: 0;}
.side-padding {padding-left: 20px; padding-right: 20px;}
.side-margin {margin: 0 20px;}

.padding-top-lg {padding-top: 40px;}
.padding-bottom-lg {padding-bottom: 40px;}
.padding-bottom-xl {padding-bottom: 60px;}

html.sr .reveal, html.sr .reveal-down, html.sr .reveal-up, html.sr .reveal-left, html.sr .reveal-right {visibility: hidden;}

.texture {background: url("/wp-content/uploads/2024/12/furley_bg@2x.jpg") repeat; background-size: 600px 600px;}

.sectionBorder {border-bottom: 1px solid #eee;}
.section-light-blue {background: #EAF7FF;}
.section-grey {background: #f2f2f2;}
.section-blue {background: #53bffd; color: #fff;}

.imgRight {float: right; margin: 0 0 30px 30px;}
.imgLeft {float: left; margin: 0 30px 30px 0;}
img.aligncenter {display: block; margin: 0 auto;}


.button {border: 1px solid #53bffd; border-radius: 25px; color: #53bffd; cursor: pointer; display: inline-block; margin: 10px 0; padding: 10px 30px; text-align: center; transition: .2s ease-in-out;}
.button:hover {background: #53bffd; color: #fff; text-decoration: none;}
.button-white {border-color: #fff; color: #fff;}
.button-white:hover {background: #fff; color: #53bffd;}
.button-white-solid {background: #fff; color: #53bffd;}
.button-white-solid:hover {background: #53bffd; border-color: #fff; color: #fff;}
.button-blue  {background: #53bffd; color: #fff;}
.button-blue:hover {background: #fff; color: #53bffd;}

/* ICONS */
.icon {background: url("/images/icons_sprite5.png") no-repeat; background-size: 405px 120px; height: 30px; width: 33px;}
.iconLg {height: 60px; width: 60px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
	.icon {background: url("/images/social-icons@2x.png") no-repeat; background-size: 165px 60px; height: 30px; width: 33px;}
}
.iconRSS {background: url("/images/icons_sprite5.png") no-repeat; background-size: 290px 86px; height: 22px; width: 24px; background-position: 0 -43px;}

/* HEADER */
#site-header {background: rgba(255, 255, 255, 0.98); border-bottom: 1px solid #eee; position: fixed; top: 0; text-align: center; width: 100%; z-index: 1000;}
#site-header h2 {font-size: 24px; font-weight: normal; margin: 15px 0 14px 0; text-align: left;}
#site-header h2 span {padding-left: 2px;}
#site-header .col-xs-12 {padding: 0 15px; margin-bottom: 0;}
#logo {float: left; height: 55px; margin-right: 20px; width: auto;}

#mobile-toggle {height: 36px; position: absolute; right: 15px; text-align: left; top: 16px; width: 45px;}
#mobile-toggle input {position: absolute; right:0; width: 100%; height: 100%; z-index: 1; opacity: 0; cursor: pointer;}
#mobile-toggle input:checked + span {background: transparent;}
#mobile-toggle input:checked + span:after {transform: rotate(45deg) translate(-1px, -8px);}
#mobile-toggle input:checked + span:before {transform: rotate(-45deg) translate(-4px, 12px);}
#mobile-toggle span {position: absolute; right:0; width: 32px; height: 5px; background: #ccc; margin-top: 10px;}
#mobile-toggle span:before, #mobile-toggle span:after {content: ""; left: 0; position: absolute; width: 32px; height: 5px; background: #ccc; top: -9px; transition: 0.2s;}
#mobile-toggle span:after {top: 9px;}

nav {display: none; float: none; font-family: "CamingoDos-Bold",Arial,sans-serif; font-size: 22px; margin: 0 auto; margin-top: 8px; margin-bottom: 5px; overflow: auto;}
nav ul {margin-bottom: 0;}
nav li {list-style-type: none; margin-bottom: 18px;}
nav li a {color: #999; margin-top: 5px; text-align: center; text-decoration: none;}
nav li a:hover {color: #53bffd;}
nav li a.navOn {color: #666;}
nav .button {padding: 14px 20px 10px;}
nav .button.navOn {color: #fff;}
#site-header+section {margin-top: 60px;}
#mainTitle a:hover {color: #53bffd;}
#mainTitle a, #mainTitle a:hover .blue {color: #5f5f5f; text-decoration: none;}

.line-header h3 {background: #fff; display: inline-block; font-size: 25px; padding: 0 30px 20px; text-align: center;}
.line-header:after {background-color: #eee; content: ' '; display: block; margin-left: -15px; position: absolute; top: calc(50% - 20px); width: 100%; height: 1px; z-index: -1;}

@media (max-width: 759px) {
  #site-header {height: 60px; transition: 0.2s;}
  #site-header .pageWidth, #site-header .col-section, #site-header .col-xs-12 {height: 100%;}
  #site-header .col-xs-12 {display: flex; flex-direction: column;}
  .menu-active #site-header {height: 100%;}
  .menu-active #site-header nav {align-items: center; display: flex; flex-grow: 1; font-size: 25px;}
}

@media (min-width: 760px) {
	#site-header h2 {float: left; font-size: 28px; margin: 28px 0 25px 0;}
	#logo {height: 81px; width: 54px;}
	#site-header+section {margin-top: 87px;}
  
  #mobile-toggle {display: none;}
	nav {display: inline-block !important; float: right; font-size: 16px; margin-top: 32px; margin-right: 0; width: auto;}
	nav li {display: inline;  margin-bottom: 0; margin-left: 20px;}
}

@media (min-width: 1200px) {
  nav {font-size: 20px;}
}

/* HOMEPAGE */
#about {background: url("/wp-content/uploads/2024/12/kyle_photo_sm2.jpg") no-repeat top right #fff; background-size: cover; height: 300px;}
#introWrapper {display: flex; flex-direction: column; justify-content: center; height: 100%;}
#intro {background: rgba(255, 255, 255, 0.9); padding: 10px 16px 14px; min-width: 200px; max-width: 68%; text-align: center; width: 460px;}
#intro h1 {font-size: 26px; margin-bottom: 5px;}
#intro h2 {color: #999; font-size: 16px; font-weight: normal;}
.home-button {border: 1px solid #53bffd; border-radius: 22px; display: inline-block; padding: 10px 20px; transition: 0.2s ease-in-out; max-width: 300px; width: 65%;}
.home-button:hover {background: #53bffd; color: #fff; text-decoration: none;}
#home-steps {text-align: center;}
#home-steps .col-padding-xl {padding: 50px 0 60px;}
#home-steps .home-steps-header:after {background-color: #eee; content: ' '; display: block; margin-left: -15px; position: absolute; top: calc(50% - 20px); width: 100%; height: 1px; z-index: -1;}
#home-steps div {margin: 0 auto;}
#home-steps h3 {background: #fff; display: inline-block; font-size: 25px; padding: 0 30px 20px;}
#home-steps h2, #home-ux h2 {font-size: 38px;}
#home-steps h2 a:hover {text-decoration: none;}
#home-steps p, #home-ux p {margin-bottom: 15px;}
#home-latest {text-align: center;}
#home-latest a:hover {color: #5f5f5f; text-decoration: none;}
#home-latest h2 {font-size: 50px; margin-top: 50px;}
#home-latest img {border: 1px solid #eee; margin-bottom: 8px; padding: 5px;}
#home-latest a:hover img {border-color: #53bffd;}

.marquee {
  display: flex;
  block-size: var(--marquee-item-height);
  //margin-block: var(--marquee-item-height);
  margin-bottom: 60px;
  position: relative;
  overflow-x: hidden;
  mask-image: linear-gradient(
    to right,
    hsl(0 0% 0% / 0),
    hsl(0 0% 0% / 1) 10%,
    hsl(0 0% 0% / 1) 90%,
    hsl(0 0% 0% / 0)
  );
}

.marquee img {width: 220px}

.marquee--8 {
  --marquee-item-width: 220px;
  --marquee-item-height: 100px;
  --marquee-duration: 63s;
  --marquee-items: 14;
}

.marquee__item {
  --marquee-item-offset: max(
    calc(var(--marquee-item-width) * var(--marquee-items)),
    calc(100% + var(--marquee-item-width))
  );
  --marquee-delay: calc(var(--marquee-duration) / var(--marquee-items) * (var(--marquee-items) - var(--marquee-item-index)) * -1);
  position: absolute;
  inset-inline-start: var(--marquee-item-offset);
  transform: translateX(-50%);
  animation: go linear var(--marquee-duration) var(--marquee-delay, 0s) infinite;
}

.marquee--8 .marquee__item:nth-of-type(1) {
  --marquee-item-index: 1;
}
.marquee--8 .marquee__item:nth-of-type(2) {
  --marquee-item-index: 2;
}
.marquee--8 .marquee__item:nth-of-type(3) {
  --marquee-item-index: 3;
}
.marquee--8 .marquee__item:nth-of-type(4) {
  --marquee-item-index: 4;
}
.marquee--8 .marquee__item:nth-of-type(5) {
  --marquee-item-index: 5;
}
.marquee--8 .marquee__item:nth-of-type(6) {
  --marquee-item-index: 6;
}
.marquee--8 .marquee__item:nth-of-type(7) {
  --marquee-item-index: 7;
}
.marquee--8 .marquee__item:nth-of-type(8) {
  --marquee-item-index: 8;
}
.marquee--8 .marquee__item:nth-of-type(9) {
  --marquee-item-index: 9;
}
.marquee--8 .marquee__item:nth-of-type(10) {
  --marquee-item-index: 10;
}
.marquee--8 .marquee__item:nth-of-type(11) {
  --marquee-item-index: 11;
}
.marquee--8 .marquee__item:nth-of-type(12) {
  --marquee-item-index: 12;
}
.marquee--8 .marquee__item:nth-of-type(13) {
  --marquee-item-index: 13;
}
.marquee--8 .marquee__item:nth-of-type(14) {
  --marquee-item-index: 14;
}

@keyframes go {
  to {  
    inset-inline-start: calc(var(--marquee-item-width) * -1);
  }
}

#home-design-gallery {margin: 0 auto; overflow: hidden; padding-top: 80px; position: relative; width: 100%;}
#home-design-gallery .col-xs-12 {padding-left: 0; padding-right: 0;}
#home-design-gallery .col-xs-12 {margin-bottom: 0;}

#home-design-nav-wrapper {bottom: 20px; color: #fff; right: 20px; position: absolute; z-index: 100;}
#home-design-nav-wrapper div {display: inline-block;}
#home-design-nav-wrapper .button {margin: 0 15px 0 0; vertical-align: top;}

#home-design-nav {text-align: center; width: 100%;}
#home-design-nav div {display: inline-block;}
.owl-next, .owl-prev {background: url("/wp-content/uploads/2024/12/arrow-circle-off.svg") no-repeat; background-size: 45px 45px; cursor: pointer; height: 45px; width: 45px; user-select: none;}
.owl-prev {transform: rotate(180deg);}
.owl-next:hover, .owl-prev:hover {background: url("/wp-content/uploads/2024/12/arrow-circle.svg") no-repeat;}
#home-design-dots {margin: 10px 20px; vertical-align: top;}
#home-design-dots .owl-dot {background: #D9D9D9; border-radius: 50%; margin: 0 5px; width: 12px; height: 12px; user-select: none;}
#home-design-dots .owl-dot.active {background: #5f5f5f;}

#home-design-gallery .slider-counter {margin: 5px 0 0 10px; vertical-align: top;}
  
#home-design-text-wrapper, #home-design-text-container {height: 100%;}
#home-design-text-wrapper {display: table; table-layout: fixed; width: 100%; min-height: 200px;}
#home-design-text-container {display: table-cell; padding: 20px; vertical-align: middle; }
#home-design-text {}
#home-design-text .item {}
#home-design-text p {margin-bottom: 15px;}
#home-design-text a {text-decoration: underline; text-underline-offset: 5px;}
#home-design-gallery-text {z-index: 100;}

@media (min-width: 760px) {
  #home-design-text .item {padding: 5px 0 5px 45px;}
  #home-design-nav {margin-top: 20px;}
}

.blogThumbnails h2 {font-size: 18px; margin-top: 12px;}

#page-header {background: #53bffd; color: #fff; padding: 16px 0;}
#page-header h1 {font-size: 30px; margin-bottom: 0;}

/* Articles */
.articles-steps {border-top: 1px solid #eee; margin: 20px 0; padding-top: 20px;}
#home-steps.articles-steps h2 {font-size: 16px; margin-bottom: 0;}

#blog-list-categories {border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px 0 30px 0; padding: 5px 0;}
#blog-list-categories li {display: inline; font-size: 16px; margin-left: 0; margin-right: 10px; padding-left: 4px;}
#blog-list-main.thumbnail-list h2 a {color: #5f5f5f;}
#blog-list-main.thumbnail-list h2 a:hover {color: #53bffd;}
#blog-list-main p {margin-bottom: 10px;}
#blog-list-main .blog-list-read-more {text-decoration: underline; text-underline-offset: 5px;}

.blog-list-category-header {border-bottom: 1px solid #eee;}
.blog-list-category-header h2 {margin-top: 15px; margin-bottom: 0;}
.blog-list-category-header .col-xs-12 {padding-bottom: 10px;}
.blog-list-category-header .col-sm-4 {align-self: flex-end; text-align: right;}
.category-list h3 {margin: 20px 0 10px; text-transform: none;}
.category-list h3 a {color: #5f5f5f;}
.category-list h3 a:hover {color: #53bffd;}
.category-list p {font-size: 16px;}

#breadcrumbs {border: 1px solid #eee; border-radius: 20px; color: #aaa; display: inline-block; font-size: 12px; margin-bottom: 10px; padding: 2px 15px;}

#posts-list h1 {margin-bottom: 10px;}
#posts-list h2 {border-bottom: 1px solid #eee; margin-top: 30px; padding-bottom: 2px; text-transform: uppercase;}
#posts-list h3 {margin: 5px 0;}

#blogPaging {margin: 20px 0; text-align: center;}
#blogPaging a {border: 1px solid #eee; border-radius: 26px; display: inline-block; margin: 10px; padding: 10px 16px;}
#blogPaging a:hover {background: #53bffd; color: #fff; text-decoration: none;}

/* ARTICLE - BLOG */
article h1 {margin-bottom: 20px;}
article h2, #side h2 {font-size: 24px; margin: 50px 0 10px;}
article h2, article h3 {font-family: "open_sans", Arial, Helvetica, sans-serif; font-weight: 700;}
article h3 {font-size: 20px; font-weight: bold; margin: 40px 0 10px; text-transform: uppercase;}
article p, article li {line-height: 1.5em; letter-spacing: 0.01rem;}
article #thumbnails p {font-size: 16px; line-height: 1.3em; letter-spacing: 0.01rem;}
article p {margin-bottom: 24px;}
article ul {margin-bottom: 20px;}
article ol li {list-style-type: decimal; margin-left: 40px; margin-bottom: 10px;}
article ul li {list-style-type: circle; margin-left: 40px; margin-bottom: 10px;}
article img {height: auto; max-width: 100%;}
article .wp-caption {max-width: 100%;}
article .wp-caption-text {color: #aaa; font-style: italic; font-size: 13px; text-align: center;}
article .wp-caption img, article .wp-caption {width:auto !important; max-width:100% !important; height:auto !important;}
article blockquote p {color: #53bffd; font-size: 30px; padding: 15px; text-align: center;}

article .thumbnail-list h2 {margin-top: 10px;}

.postDate {font-size: 12px; font-style: italic; line-height: 36px; margin-top: -10px; margin-bottom: 0;}
.callout {margin-bottom: 20px; padding: 20px;}
.callout p:last-of-type {margin-bottom: 0;}
code {font-size: 14px;}
pre {background: #eee; margin-bottom: 24px; overflow: scroll; padding: 5px;}

#adFooter {margin: 0 auto; width: 300px;}
.kyle-blogfooter {width: 300px; height: 250px;}

#main-column #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {font-size: 18px; line-height: 1.4em; margin-top: 15px; text-align: center;}
.jp-relatedposts-post-context {display: none;}

.arrow-up {float: left; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #53bffd; margin: 8px 6px 0 0;}
#postFooter {border-top: 1px solid #ccc; font-size: 14px; font-style: italic; margin-bottom: 40px; text-align: right;}
#postFooter p {font-size: 14px;}
#postFooter a {color: #666; text-decoration: none;}
#categoryCountList .cat-item {color: #bbb; list-style-type: none; margin: 4px 10px 6px 0;}
#more-posts .col-padding-lg {padding: 40px 0 15px;}

.site-footer-widgets .widget_wpcom_social_media_icons_widget .genericon {font-family: Genericons;}

.iphoneDataTable {font-family: helvetica, sans-serif;}
.iphoneDataTable td, .iphoneDataTable th {border: 1px solid #ccc; padding: 6px;}
.iphoneDataTable th {font-weight: bold; background: #eee; text-align: left;}
#dataBlank {border: 0 !important;}
.iphoneDataTable .small {color: #aaa; font-size: 12px;}
@media screen and (max-width: 400px) {
	.iphoneDataTable td, .iphoneDataTable th {font-size: 13px; padding: 5px;}
}

/* COMMENTS */
#comments {margin-top: 40px;}
#comments a {text-decoration: none;}
#comments a:hover {text-decoration: underline;}
#comments .avatar {border-radius: 60px; float: left; margin-right: 20px; width: 60px;}
#comments ol li {border-top: 1px solid #eee; list-style-type: none; margin-top: 8px; margin-left: 0; padding: 15px 0; overflow-wrap: break-word; word-wrap: break-word;}
#comments ol li h4 {margin-bottom: -5px;}
#comments time a {color: #999; font-size: 10px; text-decoration: none;}
#comments ol li p, #comments .reply {font-size: 18px; margin-left: 80px;}
#comments .reply {font-size: 12px;}
#comment-notes {font-size: 12px;}
#comments ul.children {margin-left: 40px;}

#respond {background: #efefef; margin-bottom: 10px; overflow: hidden; padding: 20px;}
#respond h3 {margin-bottom: 10px;}
#commentform .comment-form-comment {float: right; width: 56%;}
#commentform .comment-fields {float: left; width: 42%;}
#commentform label {display: inline-block; min-width: 75px;}
#commentform textarea {display: block; height: 106px;}
#commentform p.form-submit {margin-bottom: 0; margin-top: 10px;}
#commentform input[type=submit] {background: #666; border: 0; color: #fff; padding: 5px 15px;}
#commentform textarea, #commentform input[type=text], #commentform input[type=email] {border: 0; font-size: 14px; margin-bottom: 8px; max-width: 100%; padding: 6px 8px; width: 100%;}
#commentform textarea::-webkit-input-placeholder, #commentform input::-webkit-input-placeholder, #commentform textarea::placeholder, #commentform input::placeholder {color: #666; font-style: italic;}
#commentform .comment-form-subscriptions {font-size: 13px;}

/* SIDE */
#side {margin-top: 40px;}
#side p {font-size: 16px;}
#side ul li {font-size: 16px; list-style-type: none; margin-bottom: 10px; margin-left: 0;}
#side ul li > ul li {line-height: 1.4em; list-style-type: disc; margin-left: 20px;}
div.pop-inside {border: 0;}
div.pop-inside ul li .pop-title {font-weight: normal;}
#side div.pop-inside ul li {margin-bottom: 0; padding: 10px 0;}
.pop-widget-tabs {display: none;}
#side a {color: #666;}
#side a:hover {color: #53bffd;} 

.search-field {border: 1px solid #ccc; height: 30px; font-size: 14px; padding: 3px 8px 5px 8px; width: 220px; -webkit-appearance: none; border-radius: 0;}
.search-field:focus {border: 1px solid #53bffd; outline: none;}
#side .wp-block-search__label {display: block; font-family: "CamingoDos-Bold", Arial, sans-serif; font-size: 24px; margin-bottom: 10px;}
#side .search-field {width: 265px;}
#side .wp-block-search__button {background: url('/images/search.png') no-repeat #53bffd; background-size: 41px 41px; border-color: #53bffd; margin-left: 0; padding: 10px; text-indent: -9999px; width: 41px;}
.search-submit {margin-left: -4px; vertical-align: bottom; width: 30px; height: 30px; -webkit-appearance: none; border-radius: 0;}

#side .wp-block-search__input {border-color: #ccc;}
#side .wp-block-search__input:focus {border-color: #53bffd;}

/* PORTFOLIO */
#project-content h2 {margin-bottom: 10px;}
#project-content p {line-height: 1.6em; margin-bottom: 10px;}
#project-content p + p {margin-top: 20px;}
#project-content p + h2 {margin-top: 40px;}
#project-content .wp-block-image + h2 {margin-top: 60px;}
#project-content figure {margin-top: 50px;}
#project-content img + img, #project-content img + p {margin-bottom: 30px;}

.project-intro {gap: 4em;}
.project-intro h3 {font-size: 18px;}

.project-section > .wp-block-group__inner-container {margin: 0 auto; max-width: 1000px; padding: 60px 20px;}
.project-section:last-of-type > .wp-block-group__inner-container {padding-bottom: 100px;}
.project-texture {background: url("/wp-content/uploads/2024/12/furley_bg@2x.jpg") repeat; background-size: 600px 600px;}

@media (min-width: 782px) {
  .project-intro .wp-block-column:nth-child(2) {padding-top: 73px;}
  .project-section > .wp-block-group__inner-container {padding: 80px 20px;}
}

.wp-block-embed {margin-bottom: 25px;}
.wp-block-embed-youtube .wp-block-embed__wrapper {position: relative; padding-bottom: 56.25%; height: 0;}
.wp-block-embed-youtube iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%;}
.wp-block-embed-youtube .wp-block-embed__wrapper div:first-child {position: absolute; top: 0; bottom: 0; width: 100%;}

#project-footer {background: url("/wp-content/uploads/2024/12/furley_bg@2x.jpg") repeat; background-size: 600px 600px; border-top: 1px solid #eee; font-size: 16px;}
.project-texture + #project-footer {background: #fff;}
#project-footer li {list-style-type: none; display: inline-block; text-align: center;}
#project-footer img {box-shadow: 0 2px 5px #ccc; margin-bottom: 8px; transition: 0.2s;}
#project-footer a {color: #5f5f5f}
#project-footer a:hover img, #project-footer .portfolio-footer-current img {opacity: 0.6;}
#project-footer .portfolio-footer-current a {color: #bbb;}

.project-two-col {align-items: center;text-align: left;}
.project-two-col img {margin-top: 0;}
.browser-screen {box-shadow: 0 10px 20px #ccc;}

#portfolio-recent.col-section {margin-left: -5px; margin-right: -5px;}
#portfolio-recent a:hover {text-decoration: none;}
#portfolio-recent figure {cursor: pointer; margin-bottom: 1px; padding: 2px 5px;}
#portfolio-recent figure img, #portfolio-recent figure figcaption h2, #portfolio-recent figure figcaption p {-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
#portfolio-recent figure img {-webkit-filter: grayscale(0); filter: grayscale(0);}

#portfolio-recent figure figcaption {color: #5f5f5f; text-align: center;}
#portfolio-recent h2 {font-size: 32px;}
#portfolio-recent figure h2, #portfolio-recent figure p {margin: 0; padding: 0 30px;}
#portfolio-recent figure h2 {letter-spacing: 0.04em; text-transform: uppercase;}
#portfolio-recent figure .button {border: 1px solid #53bffd; margin-bottom: 0;}
#portfolio-recent figure .button:hover {border: 1px solid #53bffd;}
#portfolio-recent figure:hover figcaption h2, #portfolio-recent figure:hover figcaption p {-webkit-transition-delay: 0.2s; transition-delay: 0.2s;}

@media (max-width: 989px) {
  #portfolio-recent figure figcaption {margin: 20px 0 30px;}
}

@media (max-width: 759px) {
  #portfolio-recent {justify-content: center;}
  #portfolio-recent figure a {display: block; text-align: center;}
  #portfolio-recent figure img {display: inline-block;}

  #introWrapper {box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0;}
  #intro {
    align-self: flex-start;
    box-sizing: border-box;
    flex: 0 1 auto;
    width: min(460px, 68%);
    max-width: 68%;
    min-width: 0;
    padding: 30px 40px;
  }
  #intro h1 {overflow-wrap: break-word; max-width: 100%;}
  #intro p {display: none;}
}

@media (min-width: 990px) {
  #portfolio-recent figure:hover img {-webkit-filter: grayscale(100%) brightness(30%); filter: grayscale(100%) brightness(30%);}
  
  #portfolio-recent figure figcaption {color: #fff; position: absolute; top: 50%; left: 0; text-align: center; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2;}
  #portfolio-recent figure h2, #portfolio-recent figure p {margin: 0; padding: 0 30px; width: 100%; opacity: 0;}
  #portfolio-recent figure .button {border: 1px solid #fff; color: #fff; opacity: 0;}
  #portfolio-recent figure:hover figcaption h2, #portfolio-recent figure:hover figcaption .button {opacity: 1;}
  #portfolio-recent figure:hover figcaption p {opacity: 0.8;}
  #portfolio-recent figure:hover figcaption p:has(span) {opacity: 1;}
}

.portfolio-container {background: rgba(0,0,0,0.7); display: none; overflow: scroll; position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000;}
.portfolio-container .col-section {min-height: 100%;}
.portfolio-container .portfolio-text {background: #fff; padding: 40px; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s; transform: translate3d(100%, 0%, 0); -webkit-transform: translate3d(100%, 0%, 0); -moz-transform: translate3d(100%, 0%, 0); -ms-transform: translate3d(100%, 0%, 0); -o-transform: translate3d(100%, 0%, 0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.portfolio-container .portfolio-text h2 {margin: 30px 0 20px;}
.portfolio-container .portfolio-text h3 {font-size: 18px; text-transform: uppercase;}
.portfolio-container .portfolio-text p {font-size: 16px; margin-bottom: 20px; line-height: 1.8em;}
.portfolio-container .portfolio-images {padding: 20px 40px; text-align: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; transform: translate3d(-100%, 0%, 0); -webkit-transform: translate3d(-100%, 0%, 0); -moz-transform: translate3d(-100%, 0%, 0); -ms-transform: translate3d(-100%, 0%, 0); -o-transform: translate3d(-100%, 0%, 0);}
.portfolio-container .portfolio-images img {margin-bottom: 10px; max-width: 100%;}
.portfolio-container .show {transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);}
.portfolio-nav {margin-top: 40px;}
.portfolio-nav-next {float: right;}


#gallery-slider h3 {font-size: 25px;}
.gallery-text {align-self: center; padding: 25px;}
.gallery-text-wrapper {margin: 0 auto; max-width: 800px; }
#gallery-thumbnails {display: flex; flex-flow: row wrap; gap: 5px; margin-top: 20px; text-align: center;}
#gallery-thumbnails img {border: 2px solid #fff; max-width: 100%; height: auto;}
#gallery-thumbnails .tns-nav-active {border: 1px solid #53bffd;}
#gallery-thumbnails .tns-nav-active img {opacity: 0.6;}
#gallery-thumbnails li {border: 1px solid #fff; line-height: 0; list-style-type: none; width: calc(25% - 5px);}

@media (min-width: 760px) {
  #gallery-thumbnails li {width: calc(12.5% - 5px);}
}

#portfolio-clients {text-align: center;}
#portfolio-clients .col-padding-lg {padding-bottom: 20px;}
#portfolio-clients img {width: 300px;}

/* ABOUT */
.about-section .wp-block-group__inner-container {margin: 0 auto; max-width: 1600px; padding: 60px 20px;}
.about-texture {background: url("/wp-content/uploads/2024/12/furley_bg@2x.jpg") repeat; background-size: 600px 600px;}
.about-section .wp-block-columns {margin-bottom: 0;}

@media (min-width: 782px) {
  .about-section .wp-block-group__inner-container {padding: 80px 20px;}
}

.about-photo {border: 14px solid #fff; border-bottom: 32px solid #fff; box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.25); margin-right: 20px; max-height: 650px; overflow: hidden;}
.about-photo .wp-block-group__inner-container {padding: 0;}

#about-photo {border-radius: 100px; border: 1px solid #ccc; margin-top: -20px; margin-bottom: 10px; padding: 10px;  width: 200px;}
#about-now {margin-bottom: 60px; margin-top: 30px;}
#about-now li {list-style-type: none; margin: 0;}
#about-now h3 {margin-top: 10px;}
#about-now img {border: 1px solid #ddd;}

#about-timeline {background: url('/wp-content/uploads/2024/12/grey-bar.png') 24px top repeat-y; margin: 60px 0;}
#about-timeline h3 {margin-top: 0;}
#about-timeline img {border: 1px solid #ddd;}
.about-timeline-item {background: url('/wp-content/uploads/2024/12/about-marker.png') 15px top no-repeat; background-size: 20px 20px;}
.about-timeline-item div {padding-left: 38px;}
.about-timeline-item:nth-of-type(odd) div {order: 2;}
.about-timeline-item:nth-of-type(odd) div:nth-child(2) {order: 1;}
#home-design p {margin-top: 8px;}

@media (min-width: 600px) {
  .about-photo {transform: rotate(-2deg);}
}

@media (min-width: 768px) {
  #about-timeline {background-position: center top;}
  .about-timeline-item {background-position: center top; background-size: 20px 20px;}
  .about-timeline-item, .col-section > .about-timeline-item {margin-bottom: 20px;}
  .about-timeline-item:nth-of-type(odd) div {order: 1; padding-right: 38px; padding-left: 0; text-align: right;}
  .about-timeline-item:nth-of-type(odd) div:nth-child(2) {order: 2; padding-left: 38px; padding-right: 0; text-align: left;}
  .about-timeline-item:nth-of-type(even) div:nth-child(1) {padding-left: 0; padding-right: 38px; text-align: right;}
}

/* RESOURCES */
.product-list {margin-top: 40px;}
.product-list li {list-style-type: none; margin: 0;}
.product-list h3 {margin-top: 10px;}
article .product-list p {font-size: 16px;}
.product-list-host img {max-width: 100%;}
.product-button {color: #fff; display: inline-block; margin-top: 10px; padding: 4px 20px; background: #53bffd; border-radius: 4px;}

#product-list-nav {text-align: center;}
#product-list-nav li {background: #fff; border: 1px solid #ccc; border-radius: 20px; display: inline-block; list-style-type: none; padding: 2px 12px; margin: 4px;}

.product-list-side {margin-top: 40px; margin-bottom: 50px;}
.product-list-side li {list-style-type: none; margin: 0; padding-bottom: 40px;}
.product-list-side h3 {margin-bottom: 2px; margin-top: 0;}
article .product-list-side h2 {border-bottom: 1px solid #eaeaea; margin-bottom: 4px;}
article .product-list-side p {font-size: 16px; line-height: 1.4em; margin-bottom: 4px;}
.product-list-side img {float: left; max-width: 100px;}
.product-list-side h3, .product-list-side p {margin-left: 115px;}

/* CONTACT */
.bg-contact {background: url('/wp-content/uploads/2024/04/contact-banner.jpg'); background-size: cover; text-align: center;}
#contact-wrapper {margin: 0 auto; max-width: 740px;}
#contact-content button[type=submit] {background: #53bffd; border: 1px solid #53bffd; border-radius: 20px; box-shadow: none; color: #fff; margin: 10px 0; padding: 10px 50px; text-align: center;}
#contact-content button[type=submit]:hover {background: #fff; color: #53bffd;}
#contact-list {margin: 0 auto; max-width: 900px; text-align: center;}
#contact-list img {margin-bottom: 15px;}
#contact-list a {color: #5f5f5f;}
#contact-list a:hover {color: #53bffd;}

/* FOOTER */
footer {font-size: 14px; line-height: 30px; margin: 30px 0; text-align: center;}
footer a {color: #ccc; font-size: 11px; font-style: italic;}
#social {margin: 0 auto; margin-bottom: 10px; overflow: auto; width: 130px;}
#social li {float: left; list-style-type: none; margin-left: 15px;}
#social li:first-child {margin-left: 0;}
#social img {filter: grayscale(100%); opacity: 0.5;}
#social a:hover img {filter: none; opacity: 1;}

/* Owl Carousel - Core */
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block; width: 100%;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}

/* No Js */
.no-js .owl-carousel {display: block;}
  
/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {animation-duration: 300ms; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {animation-name: fadeOut;}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

/* MEDIA QUERIES */
@media (max-width: 569px) {
	.col-xs-12 {margin-bottom: 20px;}
  #about-timeline .col-xs-12 {margin-bottom: 0;}
  
  #portfolio .col-vert-center {order: 2;}
  #contact {background-position: right -120px center;}
}

@media (min-width: 500px) {
	.col-sm-12 {width: 100%;}
	.col-sm-11 {width: 91.66666667%;}
	.col-sm-10 {width: 83.33333333%;}
	.col-sm-9 {width: 75%;}
	.col-sm-8 {width: 66.66666667%;}
	.col-sm-7 {width: 58.33333333%;}
	.col-sm-6 {width: 50%;}
	.col-sm-5 {width: 41.66666667%;}
	.col-sm-4 {width: 33.33333333%;}
	.col-sm-3 {width: 25%;}
	.col-sm-2 {width: 16.66666667%;}
	.col-sm-1 {width: 8.33333333%;}
  
  .wpcf7-form {margin: 0 auto; width: 540px;}
  
  article h1 {margin-bottom: 5px;}
  .sumome-share-client-wrapper {margin-bottom: 15px !important;}
  
  /* PORTFOLIO */
  #portfolio img {padding-right: 40px;}
}

@media (min-width: 570px) {
  #adFooter {margin: 0 auto; width: 468px;}
	.kyle-blogfooter {width: 468px; height: 60px;}
}

@media (min-width: 760px) {  
	.col-md-12 {width: 100%;}
	.col-md-11 {width: 91.66666667%;}
	.col-md-10 {width: 83.33333333%;}
	.col-md-9 {width: 75%;}
	.col-md-8 {width: 66.66666667%;}
	.col-md-7 {width: 58.33333333%;}
	.col-md-6 {width: 50%;}
	.col-md-5 {width: 41.66666667%;}
	.col-md-4 {width: 33.33333333%;}
	.col-md-3 {width: 25%;}
	.col-md-2 {width: 16.66666667%;}
	.col-md-1 {width: 8.33333333%;}
  
  /* HOME */
  #about {background: url("/wp-content/uploads/2024/12/kyle_photo3.jpg") no-repeat top center #fff; background-size: cover;}
  #intro {padding: 30px 40px; max-width: 100%; width: 460px;}
	#intro h1 {font-size: 28px;}
  #home-design-text-container {padding: 0;}
    
  #adFooter {margin: 0 auto; width: 728px;}
	.kyle-blogfooter {width: 728px; height: 90px;}
  
  /* PORTFOLIO */
  #portfolio-skills {padding-left: 60px;}

  /* BLOG LIST */
  #blog-list-main .col-md-12 {margin-bottom: 60px;}
  article #blog-list-main.thumbnail-list h2 {font-size: 22px; margin: 0 0 5px 0;}
  #blog-list-main img {float: left; margin-right: 30px; max-width: 200px;}
}

@media (min-width: 990px) {
  .col-lg-12 {width: 100%;}
	.col-lg-11 {width: 91.66666667%;}
	.col-lg-10 {width: 83.33333333%;}
	.col-lg-9 {width: 75%;}
	.col-lg-8 {width: 66.66666667%;}
	.col-lg-7 {width: 58.33333333%;}
	.col-lg-6 {width: 50%;}
	.col-lg-5 {width: 41.66666667%;}
	.col-lg-4 {width: 33.33333333%;}
	.col-lg-3 {width: 25%;}
	.col-lg-2 {width: 16.66666667%;}
	.col-lg-1 {width: 8.33333333%;}
    
	/* HOME */
	#about {height: 380px; margin: 0 auto; max-width: 1600px;}
	#intro {line-height: 1.6em; width: 540px;}
  #intro h1 {font-size: 45px; line-height: 1.1em;}
  #intro h2 {font-size: 18px;}
	#intro p {margin-bottom: 0;}
  #home-steps h2, #home-ux h2 {font-size: 45px;}
  #home-design-text h2 {font-size: 50px;}
  #home-latest .col-md-3 {padding: 0 22px 20px 22px}
  #home-design-text-wrapper {min-height: 280px;}
  
  /* ARTICLE - BLOG */
  #categoryCountList {margin-top: 20px; text-align: center;}
  #categoryCountList .cat-item {display: inline-block; margin: 0 20px 10px;}
  
  /* PORTFOLIO */
  #portfolio-recent figure .button {margin-top: 20px;}
  
  #project-header h1 {font-size: 50px; margin-bottom: -10px;}
  #project-header p {font-size: 20px;}

	/* FOOTER */
	#social {float: right; margin-left: 60px;}
	#copyright {float: left; margin-right: 60px;}
	#quote {margin: 0 237px;}
}

@media (min-width: 1100px) {
  /* LAYOUT */
  #main-column {box-sizing: border-box; flex: 1 1 auto; padding-right: 60px; width: 485px;}
  #side-column {width: 300px;}
  
  /* SIDEBAR */
  #side {margin-top: 15px; right: 15px; top: 0;}
}

@media (min-width: 1200px) {
  /* LAYOUT */
  .side-padding {padding-left: 40px; padding-right: 40px;}
  .padding-bottom-lg {padding-bottom: 40px;}
	.padding-top-lg {padding-top: 40px;}
  .side-margin {margin: 0 40px;}
  
  
  /* HOME */
  #about {background: url("/wp-content/uploads/2024/12/kyle_photo4.jpg") no-repeat top center #fff; background-size: cover;}
  #intro {width: 640px;}
    
	#home-design-text-wrapper {min-height: 320px;}
}

@media (min-width: 1400px) {
  /* TYPOGRAPHY */
  p {line-height: 1.6em;}
  
  /* LAYOUT */
  #main-column {padding-right: 120px;}
  #side-column {width: 330px;}
  article p, article li {font-size: 20px;}
}

@media (min-width: 1600px) {
  /* LAYOUT */
  #main-column {padding-right: 160px;}
  #side-column {width: 350px;}
  #side ul li {font-size: 16px;}
  #side p {font-size: 16px;}
  
 /* HOME */
	#about, #contact {height: 450px;}
  #about {background-image: url('/wp-content/uploads/2024/04/kyle-photo-full.jpg'); max-width: 2200px;}
  #home-design-banner {max-width: 1520px;}
}