/*
Theme Name: CMPNYX
Author: Evelyn
Version: 1.0
*/
@charset "utf-8";
@font-face {
    font-family: 'DINPro';
    src: url('/web/20260505155553im_/https://cmpnyx.com/wp-content/themes/CMPNYX/<?php echo get_theme_file_uri('/fonts/DINPro-Regular.woff2'); ?>') format('woff2'),
        url('/web/20260505155553im_/https://cmpnyx.com/wp-content/themes/CMPNYX/<?php echo get_theme_file_uri('/fonts/DINPro-Regular.woff'); ?>') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('/web/20260505155553im_/https://cmpnyx.com/wp-content/themes/CMPNYX/<?php echo get_theme_file_uri('/fonts/AGaramondPro-Regular.woff2'); ?>') format('woff2'),
        url('/web/20260505155553im_/https://cmpnyx.com/wp-content/themes/CMPNYX/<?php echo get_theme_file_uri('/fonts/AGaramondPro-Regular.woff'); ?>') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINPro';
    src: url('/web/20260505155553im_/https://cmpnyx.com/wp-content/themes/CMPNYX/<?php echo get_theme_file_uri('/fonts/DINPro-Medium.woff2'); ?>') format('woff2'),
        url('/web/20260505155553im_/https://cmpnyx.com/wp-content/themes/CMPNYX/<?php echo get_theme_file_uri('/fonts/DINPro-Medium.woff'); ?>') format('woff');
    font-weight: 500;
    font-style: normal;
}

body {
	background: #fffcf2;
	font-family: 'DINPro'; 
}
h2 {
	display: inline-block;
	font-family: 'DINPro'; 
	font-weight: 500;
	text-transform: uppercase;
	border-bottom: 1px solid #090a0a;
	font-size: 1.2rem;
	padding-bottom: 10px;
	margin-left: 50%;
	margin-bottom: 50px;
	transform: translateX(-50%);
	letter-spacing: 1px;
}
h3 {
	font-family: 'DINPro'; 
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.5rem;
	margin: 15px 0;
	letter-spacing: 2px;
}
p {
	font-family: 'DINPro'; 
	text-align: center;
}
p.lead {
	font-family: 'Adobe Garamond Pro';
	font-size: 2rem;
	font-style: italic;
}
p.formDisclaimer {
	font-size: 0.7rem;
	text-align: left;
	font-style: italic;
	color: #626160;
}
.navbar {
	font-weight: 500;
	text-transform: uppercase;
	background: rgba(255,253,242,0.8);
}
.navbar-collapse {
	justify-content: flex-end;
}
#landing {
	width: 100%;
	height: 40vh;
	background: url(images/bg-landing.jpg) no-repeat center center;
	background-size: cover;
}

#about, #team, #service, #contact {
	padding: 120px 3%;
}

#bg-team { 
    /* The image used */
    background-image: url(images/bg-about.jpg);

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bg-service { 
    /* The image used */
    background-image: url(images/bg-work.jpg);

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#bg-contact { 
    /* The image used */
    background-image: url(images/bg-contact.jpg);

    /* Set a specific height */
    height: 500px; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.servicesContainer {
	display: flex;
	align-items: center;
	margin-top: 100px;
}
.servicesX img {
	width: 100%;
	height: auto;
}
.servicesItem {
	display: flex;
	align-items: flex-start;
	margin: 30px 0;
}
.servicesDesc {
	margin-left: 25px;
}
.servicesDesc ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 1.2rem;
}
.phone {
	font-weight: 500;
	border-bottom: 1px solid #000;
}
input {
	background: #fffcf2;
}
footer {
	border-top: 1px solid #e6e3da;
	padding: 30px 0;
	display: flex;
	justify-content: space-between;
}
/* MEDIA QUERIES */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 
	
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 
	
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	#landing {
		width: 100%;
		height: 100vh;
		background: url(images/bg-landing.jpg) no-repeat center center;
		background-size: cover;
	}
	#about, #team, #service, #contact {
		padding: 120px 0;
	}
	p.bodyText {
		width: 48%;
		margin-left: 50%;
		transform: translateX(-50%);
	}
	.navbar {
		font-weight: 500;
		text-transform: uppercase;
		background: rgba(255,253,242,0.3);
	}
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1400px) { 

}

@media (min-width: 1600px) { 

}
	#ray .pics {
		position: relative;
		width: 100%;
		display: flex;
		justify-content: space-between;
		margin-top: 5vw;
	}
	#ray .pics img {
		width: 33%;
	}
	#ray .content {
		position: relative;
		margin: 5vw auto;
		width: 80%;
		max-width: 1000px;
	}
	#ray p {
		text-align: left;
	}
	#ray h2 {
		display: inline-block;
		font-family: 'DINPro'; 
		font-weight: 500;
		text-transform: uppercase;
		border-bottom: 1px solid #090a0a;
		font-size: 1.2rem;
		padding-bottom: 10px;
		margin-bottom: 1vw;
		margin-top: 1vw;
		margin-left: 0;
		transform: none;
		letter-spacing: 1px;
	}
	#ray .lead {
		font-size: 3vw;
	}

/*
     FILE ARCHIVED ON 15:55:53 May 05, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 23:09:40 Oct 21, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 3.966
  captures_list: 0.478
  exclusion.robots: 0.063
  exclusion.robots.policy: 0.055
  esindex: 0.008
  cdx.remote: 13.706
  LoadShardBlock: 84.882 (3)
  PetaboxLoader3.datanode: 89.065 (4)
  load_resource: 165.283
  PetaboxLoader3.resolve: 111.605
*/