/*
Theme Name: Viridian HR - Modules Child
Author: Port 80 Services
Author URI: https://port80.services/
Description: Customisations of Modules theme for Viridian HR
Template: modules
Version: 1.0.0
Text Domain: viridian
*/

/*global, typography */
#page a.qbtn, #page .wpforms-submit, #page .modheader-btn, #page span.read-more {
border-radius:20px;
box-shadow: none;
color:#fff;	
padding: 18px 38px;	
background: #5453C5!important}

#content h1 {
font-weight: 300;
letter-spacing: -1px;	
font-size: clamp(26px, 5vw, 56px)}

#content h2 {
font-weight: 300;
color:#004C50;	
font-size: clamp(20px, 5vw, 44px)}

/*header */
#masthead .header-1st-row .textwidget {
text-align: left}

#masthead a.tel {
font-size: 14px;
font-weight: 400;
color: #fff}

#masthead a.tel::before {
display: inline-block;
margin-right:5px;	
font-family: 'FontAwesome';
content: "\f095";
font-size: 16px;
color: #fff;}

/*nav*/
#masthead .menu li a {
font-size: 14px}

.main-navigation .menu > li.current_page_item > a::after, .main-navigation .menu > li.current-menu-item > a::after, .main-navigation .menu > ul > li.current_page_item > a::after, .main-navigation .menu > ul > li.current-menu-item > a::after, .main-navigation .menu > li.current-menu-ancestor > a::after, .main-navigation .menu > li.current_page_ancestor > a::after, .main-navigation .menu > li.current-menu-parent > a::after {
opacity:1!important;
border-color: #a92e2e!important}

/*footer*/
#colophon .inner-footer{
padding-top: clamp(40px, 5vw, 80px)}
	
#colophon .footer-logo {
max-width: 220px;
filter: saturate(0) brightness(10)}
#colophon .bottom-footer {
background: #004c50;
max-width: 100%}

#colophon .widget {
font-size: 16px}

#colophon .widget-title {
position:relative;
font-size: 28px;
text-transform: none;
font-weight: 300}

#colophon .widget-title::after {
display: block;
content: "";
position: absolute;
bottom: -5px;
left: 0;
right: 0;
border-bottom: 1px solid #fff}

#colophon .site-info {
float: none;
display: block;
font-size: 12px;
max-width: 1400px;
margin: auto;}

#colophon .social-area {
margin:20px 0}

#colophon .social-area li a {
padding: 0}

#colophon .social-area li i {
font-size: 20px;
padding: 10px;
border: 1px solid;
border-radius: 100%;}

span.back-to-top {
background: #5453C5}

	/*Modules global */
#content h1.mod-title {
color:#004C50}

#content .modheader-intro {
opacity: 1;
margin-top: 40px}

#content .type-insights {
padding-top: clamp(40px, 5vw, 100px);
padding-bottom: clamp(40px, 5vw, 100px)}
 
#content .type-insights li.insight {
display: flex}

#content li.insight .insight-text{
align-self:center;	
text-align:left}

#content .type-insights li.insight img{
object-fit:cover}

#content .type-services h2.service-title {
font-weight: 400;
font-size: 18px;
color:#004C50}

#content .type-logos {
padding-top: clamp(40px, 5vw, 80px);
padding-bottom: clamp(40px, 5vw, 80px)}


/*home page */
#content .leadbox > div{
padding: 0}

#content .leadbox  {
background-position: 0% 50%}

#content .leadbox h1, #content .leadbox p, #content .leadbox label {
color: #fff} 

#content .leadbox a	{
color:#fff;	
text-decoration:underline} 

#content .leadbox a:hover	{
text-decoration:none} 

#content .testimonial-item-author >span {
font-weight: 700;
color: #004C50}

#content .testimonial-item-author .testimonial-author-subtitle {
font-size: 14px;
text-transform: none;
Color: #353535}

#content .testimonial-item-content p {
font-size:16px}

/*Forms - WP forms etc*/
#page form input {
max-width: 100%;
border: 0;
border-radius: 4px;
font-weight: 400} 

/*blog*/
#content .type-blog article {
bottom:0}

#content .type-blog article h1{
font-size: 25px;
margin: 20px 0}

#content .type-blog h1 >a {
color: #004c50!important}

#content .type-blog .entry-thumbnail img {
aspect-ratio: 16/9;
object-fit: cover}