@charset "UTF-8"; /* CSS Document */ html { scroll-behavior: smooth; } body { background-color: #3d0d1d; background-image: url('images/burgundy-wall.jpg'); background-repeat: repeat; background-attachment: fixed; background-size: auto; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #f8f6db; letter-spacing: 1px; margin: 0 15px 15px 15px; } .text_thinner { width:100%; max-width:450px; margin-bottom:35px; margin-left:auto; margin-right:auto; } .text { width:100%; max-width:650px; text-align:left; margin-bottom:35px; } .text_centered { width:100%; max-width:800px; text-align:center; } p { color: #f8f6db; font-size: 19px; line-height: 30px; } a.sub { color: #c99942; border-bottom: thin solid #c99942; } a.sub { color: #c99942; border-bottom: thin solid #c99942; } h1 { font-family: 'Bebas Neue', sans-serif; color: #c99942; font-size: 27px; line-height: 34px; font-weight: normal; letter-spacing: 1px; } h2 { font-family: 'Bebas Neue', sans-serif; color: #c99942; font-size: 22px; line-height: 27px; font-weight: normal; letter-spacing: 1px; } .sub_title { font-size: 16px; color:#777; margin-bottom:24px; } a.soc { margin-top: 4px; margin-left:2px; padding-top: 0px; padding-top: 1px; opacity: 0.9; filter: alpha(opacity=90); } a.socHover { margin-top: 4px; padding-top: 0px; padding-top: 1px; opacity: 10; filter: alpha(opacity=100); } .pad { display:block; padding:12px; } #top { color: #f8f6db; font-size: 19px; line-height: 30px; } #contact { z-index: 1; } #wrapper { position:relative; margin-left:auto; margin-right:auto; margin-bottom:37px; max-width:1180px; width:100%; } #footer { position:relative; clear:both; margin-left:auto; margin-right:auto; max-width:1337px; width:88%; height:300px; border-top: 1px dotted #333; padding-top:30px; margin-top:30px; } .hm_thumb { float: left; width: 33.3%; } .hm_thumb img { width: 100%; } .left_foot { width:46%; float:left; } .right_foot { width:46%; float:left; text-align:right; } .title { font-size:16px; margin-bottom:6px; letter-spacing:5px; } .space {margin-bottom:6px;} .clear { clear:both; position:relative; } /* LINKS */ .info { max-width: 659px; } a.icon { font-family: 'Bebas Neue', sans-serif; font-size: 20px; color: #c99942; margin-left: 9px; margin-right: 9px; text-decoration: none; line-height: 28px; letter-spacing: 1.5px; text-transform: uppercase; } a.icon:hover { text-decoration:none; border:none; color:#895b87; } a.nav { font-family: 'Bebas Neue', sans-serif; line-height: 34px; text-decoration: none; font-size: 27px; color: #c99942; font-style: normal; margin-left: 24px; margin-right: 24px; font-weight: 400; } a.nav { font-family: 'Bebas Neue', sans-serif; line-height: 34px; text-decoration: none; font-size: 27px; color: #c99942; font-style: normal; margin-left: 24px; margin-right: 24px; font-weight: 400; } a { text-decoration:none; color:#895b87; } a:hover { text-decoration:none; margin-bottom: 4px; border-bottom:thin solid #895b87; } p a { text-decoration: none; color: #c99942; margin-bottom: 4px; border-bottom: thin solid #c99942; } p a:hover { color: #f8f6db; border-bottom: thin solid #f8f6db; } .line {width:80%; border-bottom:thin solid #895b87; margin: 15px auto 15px auto; } a img { opacity: 10; filter: alpha(opacity=100); /* For IE8 and earlier */ } a:hover img { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } #scroll-to-top { color: #f8f6db; font-size: 19px; line-height: 30px; } #arrow { left: 41px; margin-bottom: 20px; float: left; position: relative; z-index:3; } /* BLOCKS */ .full { width:100%; max-width:1337px; } .arrow img { width:172px;} .logo img { width:100%; max-width:250px; margin-top:6%; margin-left: auto; margin-right: auto;} .right_foot img { width:89px;} .home img { width:100%; max-width:620px; margin-top:6%;} .inside img { width:100%; max-width:440px;} @media only screen and (max-width: 1046px) { .right { width:32.8%; } .left { width:56%; } } @media only screen and (max-width: 970px) { .right_designer { width:64%; } #wrapper { width: 94%; } } @media only screen and (max-width: 900px) { .right_designer { width:100%; } .left_designer { width:100%; margin-left:5px; max-width:100%; margin-bottom:30px; } .home img { width:100%; max-width:654px; margin-top:8%;} } @media only screen and (max-width: 800px) { .hm_thumb { margin-left: auto; clear: both; margin-right: auto; float: none; width: 100%; position: relative; left: -8px; } } @media only screen and (max-width: 650px) { p .home img { width:100%; max-width:654px; margin-top:12%;} .pad { display:block; padding:20px; } h1 { font-family: 'Bebas Neue', sans-serif; color: #c99942; font-size: 27px; line-height: 34px; font-weight: normal; letter-spacing: 1px; } .right { margin-left: 5%; width:90%; } .left { width:90%; } } @media only screen and (max-width: 570px) { .rotate { margin-top: 33px; position: relative; text-align: right; float: left; z-index: 999; height: 50px; top: -25px; width: 115px; -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } } .left_foot { width:100%; } .right_foot { width: 100%; float: left; text-align: left; border-top-width: thin; border-top-style: dotted; border-top-color: #333; margin-bottom: 20px; position: relative; margin-top: 10px; padding-top: 10px; } .embed-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 100%; border: 4px solid #c99942; /* frame color */ border-radius: 12px; /* optional: rounded corners */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); /* optional: soft drop shadow */ margin: 0 auto; } .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; /* remove default iframe border */ } /* Option 1: CSS-Only Ornate Gold Frame */ .embed-container { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ height: 0; overflow: hidden; max-width: 100%; border: 4px solid #c99942; /* frame color */ border-radius: 12px; /* optional: rounded corners */ box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); /* optional: soft drop shadow */ margin: 0 auto; } .embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; /* remove default iframe border */ } /* Option 2: Image-Based Frame (replace with actual tileable frame texture) */ .embed-container.image-frame { background-color: #3d0d1d; background-image: url('images/gold-frame-texture.jpg'); /* Replace with your texture */ background-repeat: repeat; padding: 20px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4); } @media screen and (max-width: 600px) { } @media screen and (max-width: 600px) { } #header { text-align: center; position: relative; padding-top: 20px; } .logo { margin: 0 auto; width: 250px; } .soc img { width: 100%; max-width: 28px; height: auto; display: block; margin: 4px 0; filter: brightness(0) saturate(100%) sepia(100%) hue-rotate(15deg) saturate(500%) brightness(90%); transition: filter 0.3s ease; } .soc img:hover { filter: brightness(1.1) sepia(100%) hue-rotate(15deg) saturate(600%) brightness(95%); } @media screen and (max-width: 600px) { } @media screen and (max-width: 600px) { } .social { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); display: flex; flex-direction: row; gap: 12px; z-index: 2; }