/*
Theme Name: Krystal Lawyer
Theme URI: https://www.spiraclethemes.com/krystal-lawyer-free-wordpress-theme/
Author: Spiracle Themes
Author URI: https://www.spiraclethemes.com
Description: Krystal Lawyer is a free WordPress theme which helps you to create a website in just few minutes. You can create law firms, attorneys, counsel, legal adviser, legal experts websites and many more from this WordPress theme. Theme provides lots of options and is easily customizable through the Customizer. Optimized for speed and 1 click demo import options this theme is quick to setup. More information here: https://www.spiraclethemes.com/krystal-lawyer-free-wordpress-theme/
Template: krystal
Version: 1.0.3
Tags: right-sidebar,left-sidebar,custom-menu,featured-images,theme-options,blog,custom-colors,custom-logo,flexible-header,threaded-comments,one-column,full-width-template,sticky-post,translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: krystal-lawyer 
*/


/**
====================================================================
  General
====================================================================
*/

html,body {   
    height: auto;
    min-height: 100%;
    width: 100%;
    letter-spacing: 0.5px;    
    margin: 0;
    padding: 0;
    overflow-x:hidden;
}

.page-title.default{
	background: #555;
}

/**
====================================================================
  Social menu
====================================================================
*/

#menu-social-menu li a{
    padding-bottom: 5px;
}

#menu-social-menu li a .social-menu-wrap{
    display: none;
}

#menu-social-menu li a::before{
    display: block;
    font-size: 18px;
    text-align: center;
    width: 37px;
    line-height: 37px;
    border-radius: 50%;
    font-family: FontAwesome;
    color: inherit;
}

#menu-social-menu li a[href*="facebook.com"]::before {
  content: "\f09a";
  background: #3b5998;
  color: #fff;
}

#menu-social-menu li a[href*="twitter.com"]::before {
  content: "\f099";
  background: #1da1f2;
  color: #fff;
}

#menu-social-menu li a[href*="instagram.com"]::before {
  content: "\f16d";
  background: #df2176;
  color: #fff;
}

#menu-social-menu li a[href*="plus.google.com"]::before {
  content: "\f0d5";
  background: #ea4335;
  color: #fff;
}

#menu-social-menu li a[href*="linkedin.com"]::before {
  content: "\f0e1";
  background: #0078bb;
  color: #fff;
}

#menu-social-menu li a[href*="pinterest.com"]::before {
  content: "\f231";
  background: #cc0000;
  color: #fff;
}

#menu-social-menu li a[href*="behance.net"]::before {
  content: "\f1b4";
  background: #4465ff;
  color: #fff;
}

#menu-social-menu li a[href*="github.com"]::before {
  content: "\f09b";
  background: #000;
  color: #fff;
}

#menu-social-menu li a[href*="youtube.com"]::before {
  content: "\f167";
  background: #f40a;
  color: #fff;
}


#menu-social-menu.footer-menu li{
    padding: 0;
    display: inline-block;
}


/**
====================================================================
  Additional CSS (From theme dashboard)
====================================================================
*/

	/***BEGIN FONT DEFS*****/
	/* latin */
	@font-face {
	  font-family: 'Calibri';
	  font-style: italic;
		font-weight: 400;
	  src: local('Calibri Italic'), local('Calibri-Italic'), url(https://fonts.gstatic.com/l/font?kit=J7adnpV-BGlaFfdAhLQo6btP&skey=36a3d5758e0e2f58&v=v10) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* latin */
	@font-face {
	  font-family: 'Calibri';
	  font-style: italic;
	  font-weight: 700;
	  src: local('Calibri Bold Italic'), local('Calibri-BoldItalic'), url(https://fonts.gstatic.com/l/font?kit=J7aYnpV-BGlaFfdAhLQgUp5aHRge&skey=8b00183e5f6700b6&v=v10) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* latin */
	@font-face {
	  font-family: 'Calibri';
	  font-style: normal;
	  font-weight: 400;
	  src: local('Calibri'), url(https://fonts.gstatic.com/l/font?kit=J7afnpV-BGlaFfdAhLEY6w&skey=a1029226f80653a8&v=v10) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/* latin */
	@font-face {
	  font-family: 'Calibri';
	  font-style: normal;
	  font-weight: 700;
	  src: local('Calibri Bold'), local('Calibri-Bold'), url(https://fonts.gstatic.com/l/font?kit=J7aanpV-BGlaFfdAjAo9_pxqHw&skey=cd2dd6afe6bf0eb2&v=v10) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	/***END FONT DEFS*****/


	.copyrights span {display: none;}
	.main-title{text-align: left;}
	#menu-primary-menu-1{font-size: 150%;font-weight: bold;}
	/*.slide-bg-text{display: none !important;}*/
	.custom-logo-link img {max-height: 60px !important; height: 60px !important; width: 169px !important;}
	.slide-bg-text h1{text-align: left;}
	.slide-bg-text p{text-align: left;}

	html, body {font-family: 'Calibri', sans-serif;}
	/*.fixed{padding-top: 15px;}*/
	#menu-primary-menu-en-1 .menu-item,
	#menu-primary-menu-fr-1 .menu-item,
	#menu-primary-menu-1 .menu-item{margin-bottom:0px;margin-top:0px;}
	header .custom-logo-link img {margin-bottom:0px;margin-top:0px;}
	/*.fixed .main-menu {margin-top:15px;}*/
	header.menu-wrapper.fixed{background: #ED1C24;}
	/*header.menu-wrapper.style-2.fixed nav ul li a {color: #fff;}*/
	header.menu-wrapper.style-2.fixed nav ul li a:hover {
	    background: #fff; 
	    /*color: #231F20;*/
	    color: #555 !important;
	}
	header.menu-wrapper.style-2 nav ul li a:hover {background: #ED1C24;color: #fff;}
	
	header.menu-wrapper.style-2 nav ul li.lang-item a:hover {
	    color: #000 !important;
	    /*background: #ED1C24 !important;*/
	}


	.wp-block-coblocks-hero .wp-block-button {width: 50%;margin-right: 10px;}
	.wp-block-coblocks-buttons .wp-block-button+.wp-block-button {margin-right: 0px;margin-left: 10px;}


	a.btn-flextexx{background-color:#27a9e1; color:#fff;border:0px;padding:15px;width: 40%;margin-right: 3%;}
	a.btn-flextexx+a.btn-flextexx{margin-right: 0px;margin-left: 3%;}
	a.btn-flextexx:hover{color:#fff; background-color:#ED1C24;}

	.wp-block-button__link {font-size:16px;}
	.wp-block-button a.wp-block-button__link{background-color:#27a9e1; color:#fff;border:0px;padding:15px;}
	.wp-block-button a.wp-block-button__link{width:100%;}
	.wp-block-button a.wp-block-button__link:hover{background-color:#ED1C24;}

	.wp-block-coblocks-buttons {display:table-row;}
	.wp-block-button {display:table-cell; vertical-align: middle; min-height:100%; height:100%;}

	@media (max-width: 767px) {
	  .slide-bg-section {vertical-align: baseline;}
	  .slide-bg-section .slide-bg-text {vertical-align: bottom; padding-bottom: 0px !important;}
	    .slide-bg-text p {display:none;}
	.slide-bg-section .slide-bg-text h1{display: inline-block; vertical-align: baseline;margin-bottom: 50px;}
	  .section-title.page-title { padding-bottom: 0px;}
	  .section-title.page-title h1 { vertical-align: baseline; line-height: 26px; font-size: 24px;}

	  a.btn-flextexx{margin-right: 0px; width: 100%;}
	  a.btn-flextexx+a.btn-flextexx{margin-left: 0px;margin-right: 0px;margin-top: 10px;}
	}

	.yt-responsive-embed-cntr {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	}

	.yt-responsive-embed-cntr iframe, .yt-responsive-embed-cntr object, .yt-responsive-embed-cntr embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}

	.carousel-inner >.item > img {min-width: 100%; width: 100%; height: auto;}
	p {font-size: 13pt;}
	.wp-block-coblocks-hero__content p {font-size: 13px;}

	header #logo-alt img { margin-top: 0px; }
	/*header .fixed .navbar-header*/ a#logo-alt.logo-alt { height:50px !important; }
/**
====================================================================
  Misc CSS
====================================================================
*/

header.menu-wrapper.fixed h1.site-title {
    padding-top: 25px;
}

header.menu-wrapper.style-2 nav ul li.active {
    background: #ED1C24;
    /*color: #fff;*/
}

header.menu-wrapper.style-2 nav ul li.active a {
    /*background: #ED1C24;*/
    color: #fff;
}

#menu-primary-menu-en-1 .menu-item,
#menu-primary-menu-fr-1 .menu-item,
#menu-primary-menu-1 .menu-item{
    margin-right:0px;margin-left:0px;
    padding-right:5px;padding-left:5px;
}

header.menu-wrapper.fixed nav ul li a, header.menu-wrapper.style-2.fixed nav ul li a {
    color: #fff !important;
}

header.menu-wrapper.fixed nav ul li.lang-item.current-lang a, header.menu-wrapper.style-2.fixed nav ul li.lang-item.current-lang a {
    color: #555 !important;
}

/*header.menu-wrapper.fixed nav ul li a:hover, header.menu-wrapper.style-2.fixed nav ul li a:hover {*/
/*    color: #555 !important;*/
/*}*/

header.menu-wrapper.fixed nav ul li.active, header.menu-wrapper.style-2.fixed nav ul li.active {
    background-color: #fff !important;
}

header.menu-wrapper.fixed nav ul li.active a, header.menu-wrapper.style-2.fixed nav ul li.active a {
    color: #555 !important;
}

a>.dashicons {
	color: #27a9e1;
    font-size: 125%;
    margin-right: 10px;
}

a:hover>.dashicons {
	color: #ED1C24;
}

#krystal-main-menu-wrapper .nav>li {
    margin-bottom: 0;
}

#krystal-main-menu-wrapper {
    margin-top: 0;
}

header {
    padding-top: 0px;
}

header .logo {
    margin-top: 0px;
}

html[lang="en-CA"] .copyright-fr,
html[lang="fr-CA"] .copyright-en { 
    display: none;
}

html[lang="en-CA"] h1.wow-fr,
html[lang="fr-CA"] h1.wow-en { 
    display: none;
}

/*LANGUAGE SWITCHER*/
/*html[lang="fr-CA"] ul.nav>li.lang-item,*/
/*html[lang="en-CA"] */
ul.nav>li.lang-item {
    border: 5px solid #ed1c24; /*green;*/
    /*border-radius: 5px; */
    padding: 0 !important;
    background-color: #ed1c24; /*green !important;*/
}

html[lang="en-CA"] ul.nav>li.lang-item.lang-item-fr>a,
html[lang="fr-CA"] ul.nav>li.lang-item.lang-item-en>a {
    color: #fff !important;
}

/*html[lang="fr-CA"] ul.nav>li.lang-item>a,*/
/*html[lang="en-CA"] */
ul.nav>li.lang-item>a {
    padding: 5px !important;
    border-radius: 5px;
    text-transform: uppercase;
    color: #ed1c24; /*green;*/
    font-size: 70%;
    font-weight: bold;
}

ul.nav>li.lang-item>a {
    color: #231f20;
}

li.lang-item {
    border: 1px solid #fff;
}

/*header.menu-wrapper.fixed nav ul>li.lang-item.current-lang>a {*/
/*    border-top-left-radius: 0 !important;*/
/*    border-bottom-left-radius: 0 !important;*/
/*    border-top-right-radius: 0px !important;*/
/*    border-bottom-right-radius: 0px !important;*/
/*}*/

/*header.menu-wrapper.fixed nav ul>li.lang-item-en:not(.current-lang)>a {*/
    /*border-collapse: separate;*/
/*    border-top-right-radius: 0 !important;*/
/*    border-bottom-right-radius: 0 !important;*/
/*    border-top-left-radius: 5px !important;*/
/*    border-bottom-left-radius: 5px !important;*/
/*}*/

header.menu-wrapper.fixed nav ul>li.lang-item>a {
    border-radius: 5px;
}

ul.nav>li.lang-item>a:hover {
    background-color: #ed1c24; /*green !important;*/
}

header.menu-wrapper.fixed nav ul>li.lang-item {
    border-color: #fff !important;
    background-color: #fff !important;
}
header.menu-wrapper.fixed nav ul>li.lang-item>a {
    background-color: #ed1c24 !important;
}

header.menu-wrapper.fixed nav ul>li.lang-item.current-lang>a,
ul.nav>li.lang-item.current-lang>a {
    background-color: #fff !important;
    /*color: #ed1c24;*/
    cursor: default;
}

@media (max-width: 767px) {
    .lang-item {
        margin-left: 15px;
        text-align: center;
        width: 100px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 0px;
    }
    .lang-item.lang-item-first {
        border-bottom: 0 !important;
        /*margin-right: -5px !important;*/
        border-bottom-left-radius: 0px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 5px;
    }
    .lang-item-fr {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .lang-item {
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }
    .lang-item.lang-item-first {
        margin-right: -5px !important;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
    }
    
    li.lang-item.lang-item-en,
    li.lang-item.lang-item-en>a {
        border-right: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
    li.lang-item.lang-item-fr,
    li.lang-item.lang-item-fr>a {
        border-left: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }
    
    header.menu-wrapper.fixed nav ul>li.lang-item.lang-item-en {
        border-right: 0 !important;
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important;
    }
    
    header.menu-wrapper.fixed nav ul>li.lang-item.lang-item-fr {
        border-left: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-top-right-radius: 5px !important;
        border-bottom-right-radius: 5px !important;
    }
}

.copyrights>p {
    font-size: 10pt;
}

#homepage-hero h2 {font-size: 22pt;}
#homepage-hero p {font-size: 15pt;}