/*
Theme Name: CM Technology
Author: MNY Digital
Author URI: https://mnydigital.com/
Version: 1.1
Text Domain: cmtechnology
Template: twentytwenty
*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

body {
	background-color: #0e1328;
}
body, a, .entry-content *:not(h1, h2, h3, h4, h5, h6) {
	font-family: "IBM Plex Sans Condensed", sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "IBM Plex Sans", sans-serif !important;
}
.fw-med {
	font-weight: 500;
}
.mobile-nav-toggle {
	width: auto;
}
.mobile-nav-toggle > .toggle-inner {
	padding-top: 0;
	height: auto;
	width: 100%;
}
.mobile-nav-toggle .toggle-icon {
	height: auto;
	width: auto;
	font-size: 32px;
}
.home .entry-content #site-header h2 {
	font-size: 48px;
}
.home .wp-block-cover__video-background {
	position: fixed !important;
	left: -10px !important;
	width: calc(100vw + 20px) !important;
	top: -10px !important;
	height: calc(100vh + 20px) !important;
}
#site-header {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}
#site-header > .header-inner {
	padding: 2.5rem 0 !important;
}
.home #site-header {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 99;
	background-color: transparent;
	box-shadow: 0px;
}
.transparent-blue {
	background-color: rgba(30, 115, 190, 0.75) !important;
}
.home .entry-header {
	display: none;
}
.post-inner {
	padding-bottom: 5rem;
}
.home header + .post-inner {
	padding: 0;
}
.home .entry-content .wp-block-cover {
	margin: 0 !important;
}
.services-overview-wrapper {
	background-color: rgba(0, 0, 0, 0.5) !important;
	margin: 0 !important;
	padding-top: 8rem;
	padding-bottom: 8rem;
}
.services-overview {
	max-width: 75% !important;
}
.services-overview .wp-block-media-text__media {
	padding: 20%;
	box-sizing: border-box;
	background-color: #fafafa;
	border-radius: 100%;
	max-width: 500px;
	overflow: hidden;
}
.services-overview .wp-block-media-text:nth-child(odd) .wp-block-media-text__content {
	text-align: right;
}
.services-overview .wp-block-media-text:nth-child(odd) .wp-block-media-text__content .wp-block-buttons {
	justify-content: end;
}
#site-footer, .footer-nav-widgets-wrapper {
	z-index: 10;
	position: relative;
	margin-top: 0 !important;
}
#site-content {
	position: relative;
	z-index: 1;
}
.site-title a {
	text-decoration: none !important;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-size: 18px;
	border: 1px solid white;
}
.site-title a > span {
	display: inline-block;
	padding: 4px 4px 4px 8px;
}
.site-title a > span:first-child {
	background: white;
	color: #0e1328;
}
.primary-menu > li {
	color: #0978cc;
}
.primary-menu > li.menu-item-has-children > a {
	padding-right: 0;
}
.primary-menu > li.menu-item-has-children > a + .icon {
	display: none;
}
.entry-title {
	color: #0e1328;
}
.entry-header {
	background: url("assets/images/pattern.png"), linear-gradient(15deg, rgba(255, 255, 255, 1) 0%, rgba(9, 120, 204, 0.75) 100%), url("assets/images/general.jpg");
	background-repeat: repeat, no-repeat, no-repeat;
    background-size: 10px, cover, cover;
    background-position: center;
	border-bottom: 3px solid #1382d6;
}
.buttons-grid > .wp-block-button {
	display: table;
	min-height: 200px;
}
.buttons-grid > .wp-block-button > .wp-block-button__link {
	display: table-cell;
	vertical-align: middle;
}

#video-wrapper {
    height: 100vh;
    height: 100svh;
}
#video {
    height: 100vh;
    height: 100svh;
    object-fit: cover;
    z-index: -1;
	opacity: 0.75;
}
#video-wrapper::before {
	content: "";
	background: linear-gradient(to top, black 0%, transparent 5%, transparent 95%, black 100%);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}
.pinned-card {
    height: 100vh;
    height: 100svh;
}
.pinned-card-text > p {
	line-height: normal;
}
#yacht-header {
	background-position: 20% 70%;
	background-size: cover;
	display: flex;
	height: 750px;
	justify-content: end;
	align-items: end;
	position: relative;
}
#yacht-header::before {
	content: "";
	background-image: url("assets/images/wave.svg");
	background-position: bottom;
	background-size: 100%;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 2;
}
#yacht-header h1, #yacht-header h2, .pinned-card-text {
	text-shadow: 2px 2px 10px #00000057;
}
#post-yacht-header {
	margin-top: -1px;
}
#mw-device {
	max-height: 500px;
	margin: 0 auto;
}

@media (min-width: 1000px) {
	.menu-modal.cover-modal.header-footer-group {
		display: none;
	}
	#yacht-header h1, #yacht-header h2, .pinned-card-text {
		font-size: 72px;
	}
}
@media ( min-width: 700px ) {
	.post-inner {
		padding-bottom: 8rem;
	}
}
@media ( max-width: 699px ) {
	.focus-text {
		padding: 4rem !important;
	}
	.image-cols .wp-block-spacer {
		display: none;
	}
	.image-cols figure {
		margin: 0 !important;
	}
	#yacht-header {
		height: 500px;
	}
	.pinned-card-text .bi {
		font-size: 48px;
	}
}
@media ( min-width: 600px ) {
	.image-cols .wp-block-column {
		margin-bottom: 0;
	}
}
@media ( max-width: 599px ) {
	.services-overview .wp-block-media-text .wp-block-media-text__content {
		text-align: center !important;
	}
	.services-overview .wp-block-media-text .wp-block-media-text__content .wp-block-buttons {
		justify-content: center !important;
	}
	.services-overview {
		max-width: 100%;
	}
}

.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,
.wp-block-button.is-style-outline,
a {
  color: #0378d2;
}
blockquote,
.border-color-accent,
.border-color-accent-hover:hover,
.border-color-accent-hover:focus {
  border-color: #0378d2;
}
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bg-accent,
.bg-accent-hover:hover,
.bg-accent-hover:focus,
:root .has-accent-background-color,
.comment-reply-link {
  background-color: #0378d2;
}
.fill-children-accent,
.fill-children-accent * {
  fill: #0378d2;
}
:root .has-background-color,
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button,
.comment-reply-link,
.has-background.has-primary-background-color:not(.has-text-color),
.has-background.has-primary-background-color *:not(.has-text-color),
.has-background.has-accent-background-color:not(.has-text-color),
.has-background.has-accent-background-color *:not(.has-text-color) {
  color: #ffffff;
}
:root .has-background-background-color {
  background-color: #ffffff;
}
body,
.entry-title a,
:root .has-primary-color {
  color: #000000;
}
:root .has-primary-background-color {
  background-color: #000000;
}
cite,
figcaption,
.wp-caption-text,
.post-meta,
.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li,
.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date,
.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-pullquote cite,
.comment-metadata,
.comment-respond .comment-notes,
.comment-respond .logged-in-as,
.pagination .dots,
.entry-content hr:not(.has-background),
hr.styled-separator,
:root .has-secondary-color {
  color: #6d6d6d;
}
:root .has-secondary-background-color {
  background-color: #6d6d6d;
}
pre,
fieldset,
input,
textarea,
table,
table *,
hr {
  border-color: #dbdbdb;
}
caption,
code,
code,
kbd,
samp,
.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
:root .has-subtle-background-background-color {
  background-color: #dbdbdb;
}
.wp-block-table.is-style-stripes {
  border-bottom-color: #dbdbdb;
}
.wp-block-latest-posts.is-grid li {
  border-top-color: #dbdbdb;
}
:root .has-subtle-background-color {
  color: #dbdbdb;
}
body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon,
.modal-menu a,
.footer-menu a,
.footer-widgets a:where(:not(.wp-block-button__link)),
#site-footer .wp-block-button.is-style-outline,
.wp-block-pullquote:before,
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover {
  color: #1382d6;
}
.social-icons a,
#site-footer button:not(.toggle),
#site-footer .button,
#site-footer .faux-button,
#site-footer .wp-block-button__link,
#site-footer .wp-block-file__button,
#site-footer input[type="button"],
#site-footer input[type="reset"],
#site-footer input[type="submit"] {
  background-color: #1382d6;
}
.social-icons a,
body:not(.overlay-header) .primary-menu ul,
.header-footer-group button,
.header-footer-group .button,
.header-footer-group .faux-button,
.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link,
.header-footer-group .wp-block-file__button,
.header-footer-group input[type="button"],
.header-footer-group input[type="reset"],
.header-footer-group input[type="submit"] {
  color: #0e1328;
}
#site-header,
.footer-nav-widgets-wrapper,
#site-footer,
.menu-modal,
.menu-modal-inner,
.search-modal-inner,
.archive-header,
.singular .entry-header,
.singular .featured-media:before,
.wp-block-pullquote:before {
  background-color: #0e1328;
}
.header-footer-group,
body:not(.overlay-header) #site-header .toggle,
.menu-modal .toggle {
  color: #ffffff;
}
body:not(.overlay-header) .primary-menu ul {
  background-color: #ffffff;
}
body:not(.overlay-header) .primary-menu > li > ul:after {
  border-bottom-color: #ffffff;
}
body:not(.overlay-header) .primary-menu ul ul:after {
  border-left-color: #ffffff;
}
.site-description,
body:not(.overlay-header) .toggle-inner .toggle-text,
.widget .post-date,
.widget .rss-date,
.widget_archive li,
.widget_categories li,
.widget cite,
.widget_pages li,
.widget_meta li,
.widget_nav_menu li,
.powered-by-wordpress,
.footer-credits .privacy-policy,
.to-the-top,
.singular .entry-header .post-meta,
.singular:not(.overlay-header) .entry-header .post-meta a {
  color: #8d96b9;
}
.header-footer-group pre,
.header-footer-group fieldset,
.header-footer-group input,
.header-footer-group textarea,
.header-footer-group table,
.header-footer-group table *,
.footer-nav-widgets-wrapper,
#site-footer,
.menu-modal nav *,
.footer-widgets-outer-wrapper,
.footer-top {
  border-color: #1c2b62;
}
.header-footer-group table caption,
body:not(.overlay-header) .header-inner .toggle-wrapper::before {
  background-color: #1c2b62;
}
.post-inner {
	background-color: white;
}
#site-footer .section-inner {
	justify-content: center;
}
.to-the-top {
	display: none;
}