/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/****** Typography ******/

body,p,ul,ol {
  font-size: 15px;
  font-family: "Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica Neue,Arial,sans-serif;
  line-height: 1.5;
  color: #455560;
}

h1, h2, h3, h4 {
  color: #17486B;
  font-family: "Noto Serif", "Times New Roman", "Palantino", Georgia, serif;
}


h1 {
  font-size: 30px;
}

.elementor-widget-heading .elementor-heading-title {
  line-height: 1.2em!important;
}

h2 {

}

h3 {
    margin-top: 30px;
    font-size: 20px;
}


@media only screen and (max-width: 1000px)  {
  h1 {
    font-size: 28px;
  }
}

@media only screen and (max-width: 760px)  {
  .elementor-heading-title h1 {
    font-size: 26px;
  }
  h3 {
      margin-top: 30px;
      font-size: 16px;
  }
}

a:link {color: #d59d34}
a:visited {color: #d59d34;}

/***** Plain Content Template ****/

.page-content ul, .page-content ol  {
  margin-bottom: 15px;
  padding-left: 25px;
}

.page-content ul li {margin-bottom: 10px}


/***** .footer (blue bg) *****/

.footer, .footer p, .footer ul, .footer ol {
  color: rgba(255, 255, 255, 0.64);
  font-size: 14px;
  font-weight: 400;
}

.footer h2,
.footer h3, .footer h4, .footer h5 {
  color: rgba(255, 255, 255, 0.64);
  font-weight: 400;
}

.footer a:link, .footer a:visited {
  color: rgba(255, 255, 255, 0.64);
  transition: all 0.3s;
}
.footer a:hover {
  color: rgba(255, 255, 255, 1);
}

.footer a {
  position: relative;
  display: inline-block!important;
}
.footer a:hover:after {
  font-family: 'mkfont' !important;
  content: "\e928";
  margin-left: 3px;
  margin-top: 1px;
  position: absolute;

}


.footer .icon-links a {
    vertical-align: middle;
}
.footer .icon-links a:hover:after {
  display: none;
}

.footer.copyright a {
  text-decoration: underline;
}

.footer.copyright a:hover {
  color: #fff;
}
.footer.copyright a:hover:after  {
  display: none;
}

.elementor-59 .elementor-element.elementor-element-71bae4b .elementor-icon-list-icon {
  position: absolute;
  margin-left: 0px;
}

.elementor-59 .elementor-element.elementor-element-71bae4b .elementor-icon-list-text {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 30px;
}




/****** POST TPL *******/

.post-tpl h2 {
  font-size: 20px;
  margin-top: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.post-tpl h3 {
  font-size: 18px;
  margin-top: 30px;
  font-weight: 700;
}

/**** Publication ******/

.publication {
  display: block;
}

.publication h2 {
  font-size: 28px;
  font-weight: 700;
}

@media only screen and (max-width: 1000px)  {
  .publication h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 760px)  {
  .publication h2 {
    font-size: 20px;
  }
}

/***** Areas of Practice
   #areas-list parent container
*****/
#areas-list i {
  font-size: 50px;
  margin: 0 0 0 -10px;
  color: #D59D34;
}

#areas-list h4 {
  font-size: 22px;
  margin: 10px 0;
}
#areas-list p {
  padding-right: 25px;
}



/***** MAIN NAV CSS *******/

.main-nav {

}

nav.elementor-nav-menu--dropdown {
  position: absolute;
  top: -16px!important;
  padding: 50px 0 0 0;
  margin: 0!important;
}

.elementor-menu-toggle {
  z-index: 10000;
  border: 0 none!important;
}


.elementor-nav-menu--main .current-page-ancestor a {color: #D59D34!important;}

/*** Replace icons
 Completely remove display of any Font Awesome and Eicons icons, as they add at least 180kb together.
 The menu is using one icon from FontAwesome and two icons from Eicons sets.  Stupid!
 and disable them in the theme functions.php file.
 Watch out if any other place is using these icons by default, they will simply not be shown!
 But it also disabled all the icons in the backend too... what a nighmare.
 ***/
.sub-arrow i {
  display: none;
}
.sub-arrow:before {
  font-family: 'mkfont' !important;
  content: "\e923";
  font-size: 12px;
}
.sub-arrow {
  padding: 10px 0 10px 4px!important;
	margin-top: -10px!important;
}

/** Hamburger Menu Button **/

.elementor-menu-toggle,
.elementor-menu-toggle.elementor-active  {
  padding: 10px 12px 10px 12px!important;
  border-radius: 2px;
  outline: none;

}

.elementor-menu-toggle i:before {
  font-family: 'mkfont'!important;
  content: "\e927";
  font-size: 20px;
  font-style: normal;
}

/* Closing button */
.elementor-menu-toggle.elementor-active i:before {
  font-family: 'mkfont'!important;
  content: "\e926"!important;
  font-size: 20px;
  font-style: normal;
}





/* Restyle Elementor UL list */

/* ---- particles.js container ---- */
#particles-parent {position: relative}
#particles-title {
	width: 100%;
	position: absolute;
	z-index: 1;
	text-align: center;
	height: 300px;
  width: 100%;
  display: block;
  }
#particles-title > div {
  top: 45%;
  text-align: center;
  width: 100%;
}
#particles-title h2 {
  color:#fff;
  text-align: center;
}

#particles-js{
  width: 100%;
  height: 100%;
  background-color: #00496a;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
	z-index: -10;
  height: 400px;
  }


.elementor-text-editor ul {padding-left: 0;}
.elementor-text-editor ul li {margin: 0 0 10px 20px; }

/* Restyle Elem. icon-box widget for parent class .flash-left */


.main-nav li a {
    border-bottom: 2px solid transparent;
}

.main-nav ul.sub-menu:before {
	content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #f8f8f8;
    position: absolute;
    top: -10px;
    left: 10px;
}


.main-nav > li:hover > a {
    border-bottom: 2px solid #D59D34!important;
}

@media screen and (max-width: 750px) {
    .elementor-6 .elementor-element.elementor-element-656f705 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
        display: block;
        width: 100%;
    }
  }

@media screen and (max-width: 1024px)  {

    .elementor-nav-menu--toggle {
        position: fixed!important;
        top: 5px;
        right: 5px;
        z-index: 1000;
    }

  }


  /* messing with elementor bs */

  .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
      padding: 0!important;
  }


  .border-bottom-yellow {
      border-bottom: 1px solid #D59D34;
  }

  .home .elementor-6 .elementor-element.elementor-element-9ad1708 {
      border-bottom: 0!important;
  }




  .copyright a { Color: #ccc; transition: all 1s;}
  .copyright a:hover {color: #fff}


@media print {

	.printbg {
		-webkit-print-color-adjust: exact;
	}



	.header-logo {float: left; text-align: left; width: 100%;}

	a[href]:after {
    content: " (" attr(href) ")";

  	}

	.elementor-menu-toggle {display: none!important}

	.hpslidermobtext {color: #000}
	.hpslidermobbtn {display: none!Important}
	.hpslidermob {display: none}
	.hpareas .elementor-column { width: 25%}

	.about-header .elementor-column {width: 100%; text-align: center!important;}
 	.about-header .elementor-column-wrap { margin: 0!important; padding: 0!important; text-align: center!important}
	.about-header .elementor-text-editor {text-align: center!important}
	.about-header .elementor-widget-container {padding: 0 5%!important}
	.about-header h1 {text-align: center!important}

	.main-content .elementor-inner {margin-top: 30px}


	.person { padding-bottom: 20px!important; border-bottom: 1px solid #ccc; }
	.person .photo {width: 25%; margin-top: 25px;}
	.person .info {width: 75%!important}



	.elementor-59 {display: none}
}

/* Gutenberg File upload */

.wp-block-file {}
.wp-block-file a {}
.wp-block-file a.wp-block-file__button { background: #d59d34; color: #fff!important; }

.wp-block-cgb-block-algori-pdf-viewer-iframe {width: 100%!important;}

/*.elementor-post__excerpt p:after {
content: " ...";
}*/

/* eyebrow */

.eyebrow .elementor-post__title {
	display: inline;
}

.eyebrow .elementor-post__title:after {
	content: " - "
}


.elementor-post__meta-data {display:inline}


/***** Person's bio page *****/

#person-img {
max-width: 220px;
background-size: 240px;
background-position: -20px -20px;
}

.person-sidebar .elementor-text-editor ul li {margin-bottom: 1px}

/**** SCROLL TO TOP .CD-TOP ******/

.cd-top {
  display: inline-block;
  height: 58px;
  width: 58px;
  position: fixed;
  z-index: 1000;
  bottom: 17px;
  right: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	background-size: 30px!important;
	color: #fff!important;

  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0,0,0,0.4) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='white' d='M54 318.6l189.3-193.7c3.8-3.4 8.2-4.7 12.8-4.9 4.7 0.3 9.2 1.5 12.5 4.9L458 318.6c6.4 6.4 6.4 16.7 0 23l-46 46c-6.3 6.3-16.7 6.3-23 0l-133-133 -133 133c-6.4 6.3-16.7 6.3-23 0l-46-46C47.7 335.2 47.7 324.9 54 318.6z'/></svg>") no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  border-radius: 50%;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;

}

.cd-top:hover {
	background: rgba(0,0,0,0.6) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='white' d='M54 318.6l189.3-193.7c3.8-3.4 8.2-4.7 12.8-4.9 4.7 0.3 9.2 1.5 12.5 4.9L458 318.6c6.4 6.4 6.4 16.7 0 23l-46 46c-6.3 6.3-16.7 6.3-23 0l-133-133 -133 133c-6.4 6.3-16.7 6.3-23 0l-46-46C47.7 335.2 47.7 324.9 54 318.6z'/></svg>") no-repeat center 47%;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 0.8;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .3;
}
.no-touch .cd-top:hover {
  background-color: #666;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
  }
}


/**** LAZYLOAD SCRIPT *****/

.lazyload, .lazy, .lz {
   background-image: none!important;
   background-color: #F1F1FA;
}

/*** Highlight Areas-of-practice ***/

.list-of-areas p {margin-bottom: 0}

.areas-links a {

  padding-left: 10px;
  width: 100%;
  display: block;
}

.areas-links a:before {
  content: "•";
  position: absolute;
  left: -10px;
  padding-left: 10px;
  width: 100%;

}

.areas-links a:hover:after {
    font-family: 'mkfont' !important;
    content: "\e928";
    margin-left: 3px;
    margin-top: 1px;
    position: absolute;
}



/* ARTICLES CONTENT TEMPLATE */

.articles-template-default nav.elementor-nav-menu--main .areas-of-practice > a {color: #d59d34!important}
.articles-template-default h1 {font-size: 30px}
.articles-template-default h2 {
  font-size: 20px;
  font-weight: bold;
  margin: 20px 0 10px 0;
}

.articles-template-default strong {
  font-weight: bold;
}