/*
Theme Name: Twenty Sixteen Child
Template: twentysixteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Tags: one-column,two-columns,right-sidebar,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,flexible-header,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready,blog
Version: 1.3.1486224324
Updated: 2017-02-04 17:05:24

*/

@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&display=swap');

body {
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	
}

.site
{
    background-color: transparent;
}

.site-inner
{
    background-color: #fff;
}

.entry-content h1 {
	font-family: Montserrat, "Helvetica Neue", sans-serif !important;
	font-size: 1.3rem !important;
	font-weight: 600 !important;
}

h2 {
	font-size: 1.2rem !important;
	color: #007acc;
	font-weight: 600;
	margin-top: 0;
    margin-bottom: 0.5rem;
}

.mobile-phone {
	display: none;
}

button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]

:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus {
    background-color: #1a1a1a;
    line-height: 1.0;
    border: 0;
    color: #fff;
    letter-spacing: 0.046875em;
    font-family: Montserrat, "Helvetica Neue", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    padding: 0.84375em 0.875em 0.78125em;
}

.site-branding {
	margin-top : 0;
	
}

.site-header-menu {
	margin-top : 0;
	
}

.site-title a {
    font-family: "Cabin Condensed", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.site-title img {
	width: auto;
    height: 28px;
	vertical-align: -4px;
	margin-left: 4px;
}

.site-branding .site-title a {
	color: #25276d;
	
}

.header-image img {
	border-bottom-left-radius: 50% 20%;
	border-bottom-right-radius: 50% 20%;
}

h1 {
	font-family: "Cabin Condensed", sans-serif;
    font-weight: 400 !important;
    font-style: normal;
	font-size: 1.75rem;
	color: #25276d;

}

.entry-content h1 {
		margin-top: 0;
	
}

.widget {
	border-top: 4px solid #25276d;	
}

.widget-title, .wp-block-heading {
	color: #25276d;
	margin-bottom: 1.3125em;
}

/* HEADER */

.site-branding { 
    display: flex; 
    align-items: center; 
    gap: 20px; 
    flex-wrap: wrap;
}

.custom-logo-link {
    flex-shrink: 0;
}

.site-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.site-title {
    margin: 0;
    line-height: 1.2;
    font-size: 2em;
}

.site-description {
	display: block;
	color: #007acc !important;
    margin: 0;
    font-size: 1.45rem;
    opacity: 1;
}

@media (max-width: 768px) {
    .site-branding {
        flex-direction: column;
    }
    .custom-logo-link {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
	.site-header
	{
		padding: 0;
	}
	
	.site-title img
	 {
		vertical-align: -6px;
		margin-left: 5px;
	}
	.site-description
	{
		margin-top: 2px;
	}
    
    .site-branding {
        flex-direction: row; 
        justify-content: flex-start; 
        text-align: left;
        gap: 15px;
    }

    .custom-logo-link img {
        display: none;
    }

    .site-title {
        font-size: 1.4rem;
        line-height: 1.2;
    }

    .site-description {
        font-size: 1.05rem;
    }

}

/* BUTTON TOOGLE  MENU */

@media (max-width: 768px) {
    .menu-toggle .menu-toggle-text, .menu-toggle {
        display: inline-block;
        width: 40px;
        height: 30px;
        overflow: hidden;
        position: relative;
        font-size: 0;
        line-height: 0;
		border: none;
    }
	
	.menu-toggle.toggled-on, .menu-toggle.toggled-on:hover, .menu-toggle.toggled-on:focus {
		background-color: transparent;
		border-color: transparent;
	}
	
	.main-navigation .primary-menu{
        border-bottom: none;
    }
	
	.main-navigation li{
		border-color: #1a1a1a;
	}
	
    .menu-toggle::before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0c9";
        font-size: 24px;
        color: #25276d;
        line-height: 1;
    }
	
	.main-navigation .primary-menu {
    padding: 0 1em;
	}
}

/* CTA PHONE */

@media (max-width: 520px) {
	.home .mobile-phone {
		display: block;
		width: 60px;
		height: 60px;
		z-index: 9;
		position: fixed;
		left: 50%;
		bottom: -64px;
		transform: translate(-50%, 0);
		transition: all .2s ease-out;
	}
	.mobile-phone-alt {
		bottom: 10px !important;
		transition: all .2s ease-out;
	}
}

/* FOOTER */

.site-footer {
	text-align: center;
	background-color: #1a1a1a;
	padding-top: 3em;		
}
	
.site-footer .main-navigation a {
    color: #fff;
}
	
.site-footer .main-navigation li {
     border-color: #fff;
}
	
.site-info a {
	color: #fff !important;
}
	
.site-info {
    display: block;
    width: 100%;
	color: #fff !important;
}

@media (max-width: 768px) {
    .site-footer {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
    }
}

/* SIDEBAR */ 

.sidebar.widget-area {
	background-color: #f0f0f0;
    padding: 1em 1em 2em;
    border-radius: 0.5em;
}

.sidebar.widget-area .widget {
    border: none;
}

.sidebar.widget-area .widget a {
    box-shadow: none;
}

@media (max-width: 768px) {
	.sidebar {
		margin-bottom: 0;
	}
    .sidebar.widget-area {
		border-radius: 0;
	}
}

/* WEBFORM */
input[type="text"], input[type="submit"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form input[type="time"], textarea {
	width: 100%;
	max-width: 25em;
	}

@media screen and (max-width: 520px) {
input[type="text"], input[type="submit"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7-form input[type="date"], .wpcf7-form input[type="time"], textarea {
	width: 100%;
	max-width: 100%;
	}
}