/*
Theme Name: Altigen
Theme URI: http://www.digitalhill.com/
Author: Digital Hill Multimedia
Author URI: http://www.digitalhill.com/
Description: This is a custom Wordpress theme for Altigen
Template: dhwp-base
Version: 1.5.1
License: Proprietary
Text Domain: dhwp-alitgen
Tags: 
see https://make.wordpress.org/themes/handbook/review/required/theme-tags/
see WordPress' CSS coding standards https://make.wordpress.org/core/handbook/coding-standards/css
*/

@font-face {
    font-family: 'Segoe UI';
    src: url('/includes/fonts/SegoeUI-Bold.woff2') format('woff2'),
        url('/includes/fonts/SegoeUI-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('/includes/fonts/SegoeUI-Semibold.woff2') format('woff2'),
        url('/includes/fonts/SegoeUI-Semibold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe UI';
    src: url('/includes/fonts/SegoeUI.woff2') format('woff2'),
        url('/includes/fonts/SegoeUI.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* LIKELY SITE-SPECIFIC CHANGES */
.entry-content p, .entry-content ul, .entry-content ol { font-size: 18px; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.negative-margin-top { margin-top: -115px !important; }
.entry-content > .alignfull:first-child { margin-top: -115px; }
ul.two-col-wrap { columns: 2 !important; }
.wp-block-file:not(.wp-element-button) { font-size: 1em; }
.wp-block-file *+.wp-block-file__button { background-color: #004694; color: #fff; }


/* Colors */
.wp-block-cover.has-background-dim.has-blue-background-color,
.has-blue-background-color { background-color: #004694; }
.wp-block-cover.has-background-dim.has-gray-background-color,
.has-gray-background-color { background-color: #54565a; }
.wp-block-cover.has-background-dim.has-black-background-color,
.has-black-background-color { background-color: #000000; }
.wp-block-cover.has-background-dim.has-white-background-color,
.has-white-background-color { background-color: #fff; }
.wp-block-cover.has-background-dim.has-light-gray-background-color,
.has-light-gray-background-color { background-color: #e7e6e6; }
.has-blue-color { color: #004694; }
.has-gray-color { color: #54565a; }
.has-black-color { color: #000000; }
.has-white-color { color: #fff; }
.has-light-gray-color { color: #e7e6e6; }

/* Button Colors */
.wp-block-button__link { opacity: .9; }
.wp-block-button__link:hover { opacity: 1; }


/* Header */
/*header.dhheader { -webkit-box-shadow: 0px 8px 18px 2px #004694; box-shadow: 0px 8px 18px 2px #004694; }*/
header.dhlogomenu { background: rgb(0,0,0) !important; background: linear-gradient(180deg, rgba(3,7,17,1) 0%, rgba(3,7,17,0.80) 30%, rgba(3,7,17,0.5) 60%, rgba(3,7,17,0) 100%) !important; /*height: 100px;*/ }
.dhmenu > li > a { opacity: 0.8; font-size: 1.2em; }
.dhmenu > li > a:hover { opacity: 1; }
.dhmenu > li > a:after { font: var(--fa-font-solid); content: '\f0d7'; margin-left: 6px; font-size: 16px; } /* this adds an arrow to every link */
.dhmenu > li > a:only-child:after { content: ''; } /* this removes the arrow when the link is the only child */
.dhmenu > li:hover > ul:before { background-color: #e7e6e6; }


/* Nav */
.dhmenu li ul li:first-child a { border-radius: 12px 12px 0 0; }
.dhmenu li ul li:last-child a { border-radius: 0 0 12px 12px; }
.dhmenu li ul li ul { border-radius: 12px; }


/* Home */
.home-hero img:after { display: block; position: absolute; width: 100%; height: 103px; background: linear-gradient(180deg, rgba(0,70,148,1) 0%, rgba(0,70,148,0) 100%); }
.home-microsoft-teams-section .wp-block-column h2 { padding-left: 0.85em; }
.home-microsoft-teams-section .wp-block-column p { padding-left: 2em; padding-right: 8em; }


/* Inner */
.key-benefits-section .wp-block-column { border: 1px solid #ddd; padding: 1.5em; -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25); }
.core-interact-steps .wp-block-column { border-radius: 50px; padding: 0.75em 0; }


/* Contact */
.contact-info-us-office, .contact-info-uk-office { list-style-type: none; padding-left: 0 !important; }
.contact-info-us-office li, .contact-info-uk-office li { margin-bottom: 10px; }
.contact-info-us-office li:nth-of-type(1):before { content: '\f3c5'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }
.contact-info-us-office li:nth-of-type(2):before { content: '\f3c5'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }
.contact-info-us-office li:nth-of-type(3):before { content: '\f095'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }
/*.contact-info-us-office li:nth-of-type(4):before { content: '\f0e0'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }*/
	
.contact-info-uk-office li:nth-of-type(1):before { content: '\f095'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }
.contact-info-uk-office li:nth-of-type(2):before { content: '\f0e0'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }


/* Blog */
.blog .dhmain, .single-post .dhmain, .archive.category .dhmain { padding: 3em 0 4em; }
.blog .post-preview > h3, .archive.category .post-preview > h3 { font-size: 1.4em !important; }
.blog header.dhlogomenu, .single-post header.dhlogomenu { background: rgb(0,0,0) !important; background: linear-gradient(180deg, rgba(0,70,148,1) 0%, rgba(0,70,148,1) 30%, rgba(0,70,148,1) 60%, rgba(0,70,148,1) 100%) !important; }
.blog .blog-page-nav { margin: 6em 0 3em; text-align: center; }
.blog .blog-page-nav .page-numbers { display: inline-block; padding: 5px 10px; margin: 0 2px 0 0; border: 1px solid #ddd; line-height: 1; text-decoration: none; font-weight: 300; }
.blog .blog-page-nav .page-numbers.current, .blog .blog-page-nav a.page-numbers:hover { background: #f7f7f7; }


/* Footer */
#block-2 h4.has-blue-color { color: #004694 !important; }
#block-2 .wp-block-latest-posts.wp-block-latest-posts__list { width: 80%; }
#block-2 .wp-block-latest-posts.wp-block-latest-posts__list li { margin-bottom: 20px; }

#block-2 .contact-info li { margin-bottom: 10px; }
#block-2 .contact-info li:nth-of-type(1):before { content: '\f3c5'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }
#block-2 .contact-info li:nth-of-type(2):before { content: '\f095'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }
#block-2 .contact-info li:nth-of-type(3):before { content: '\f1ac'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }
#block-2 .contact-info li:nth-of-type(4):before { content: '\f0e0'; display: inline-block; font-family: 'Font Awesome 6 Free'; font-size: 20px; font-weight: 900; color: #004694; width: 40px; text-align: center; margin-right: 10px; }

#block-2 .social { display: flex; }
#block-2 .social i { background-color: #004694; color: #fff; font-size: 16px; width: 30px; height: 30px; line-height: 30px; text-align: center; margin: 0 5px; border-radius: 50px; }



/* Normal Menu Styles */
/* 782 based on WP mobile menu flip */
@media (min-width: 783px) {

}

/* adjust padding at certain sizes so menu doesn't crowd logo - might have to do this at a few different breakpoints */
/* works in conjunction with .logo-container {width} to ensure menu and logo don't overlap */
@media (max-width: 1350px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.8em .7em; } .wp-block-cover:first-child .wp-block-columns .wp-block-column:nth-child(1) { flex-basis: 100% !important; } .wp-block-cover:first-child .wp-block-columns .wp-block-column:nth-child(2) { display: none; }}
@media (max-width: 1150px) and (min-width: 783px) { .dhlogomenu .dhmenu > li > a { padding: 1.6em .6em; } }


@media (max-width: 820px) {
	
	.wp-block-cover__inner-container, .wp-block-columns { padding-left: 14px; padding-right: 14px; }
	
	.dhmenu > li > a { font-size: 1em !important; }
	
	.home > main > div > div.wp-block-cover.alignfull.home-hero > div > div.wp-block-columns.is-layout-flex.wp-container-4.wp-block-columns-is-layout-flex > div:nth-child(1) { flex-basis: 60% !important; }
	.home > main > div > div.wp-block-cover.alignfull.home-hero > div > div.wp-block-columns.is-layout-flex.wp-container-4.wp-block-columns-is-layout-flex > div:nth-child(2) { flex-basis: 40% !important; }
	
}


/* 782 based on WP mobile menu flip */
@media (max-width: 782px) {
	
	.wp-block-cover__inner-container, .wp-block-columns { padding-left: 14px; padding-right: 14px; }
	
	.dhmenu > li > a { font-size: 1em !important; } { font-size: 12em !important; }
	.dhmenu > li > a:after { display: none; }
	
}

@media (max-width: 600px) {
	
	.entry-content > .alignfull:first-child { min-height: 300px !important; }
	
	h1, .home-hero h1 { font-size: 2.5em !important; }	
	
	.home-microsoft-teams-section .wp-block-column h2 { padding-left: 0; }
	.home-microsoft-teams-section .wp-block-column p { padding-left: 0; padding-right: 0; }
	
	#block-2 .wp-block-latest-posts.wp-block-latest-posts__list { width: 100%; }
	#block-2 .social { justify-content: center; }
	
}

@media (max-width: 400px) {
	
	h1, .home-hero h1 { font-size: 2em !important; }
	h2 { font-size: 1.8em !important; }
	h3 { font-size: 1.4em !important; }
	
}