/*
Theme Name:         ZegalOne
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            3.0.0
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

#dl-banner {
	padding: 2rem 5%;
	overflow: auto;
}

.homepagehead__inner {
	overflow: hidden;
}

.homepagehead__item {
	text-align: center;
}

.dl-button--red {
	background-color: #de5b6b;
}

.button__redtrial a {
    	background-color:  #de5b6b !important;
   	 border: 1px solid  #de5b6b !important;
    	color: #ffffff !important;
}

.button__redtrial a:hover {
    	background-color:  #de5b6b !important;
    	opacity: .9;
}

.subnav__wide .is-dropdown-submenu  {
  	min-width: 250px;
}

.custom-social-icons li {
    float: left;
    list-style-type: none !important;
    margin: 0 .4rem;
}
.custom-social-icons li a {
    width: 1rem;
    height: 1rem;
    padding: 9px;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #999999;
}
.custom-social-icons li#social_blog a {
    fill: #999999;
    text-transform: capitalize;
    font-size: 12px;
}

.title-bar-title a {
	background-position: center left;
}

/* for FREE ribbon and FREE box for corporate service added on 4-29-2020*/
.free-bx a {
	position: relative;
}
.free-bx a:after {
    content: 'FREE';
    max-width: 50px;
    border: 2px solid #de5b6b;
    padding: 2px 3px 3px;
    border-radius: 3px;
    color: #de5b6b;
    position: absolute;
    transform: translate(0, -25%);
}
li.free-ribbon, .free-ribbon-inner  {
	position: relative;
}
li.free-ribbon:after, .free-ribbon-inner:after {
	content: 'FREE';
    max-width: 50px;
    background: #de5b6b;
    padding: 0 8px;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    transform: translate(40%,60%) rotate(35deg);
    top: 0;
    right: 0;
    display: block;
    font-size: .8rem;
	font-weight: normal;
    line-height: 1.5;
	/*letter-spacing: .1rem;
	animation: fadeinout 1.5s infinite;*/
}	

@media only screen and (max-width: 1024px) {
	.free-bx a:after {
		right: 10px;
	}
	li.free-ribbon:after {
		transform: translate(-70%,60%) rotate(35deg);
		left: 170px;
	}
	
	.title-bar-title a {
		width: 10rem;
	}
	.menu li.WhatsApp-chat, .menu li.WhatsApp-chat a {
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	.dl-disclaimer-bottom {
		width: 60%;
	}
}	
@media only screen and (max-width: 414px) {
	.title-bar-title a {
		width: 7rem;
	}
	.free-ribbon-inner:after {
		right: -10px;
	}
}	
@media only screen and (min-width: 1024px) {
	#dl-banner {
		padding: 4.0625rem 5% 2rem 5% !important;
	}

	.homepagehead__inner {
		padding: 0 5%;
	}

	.homepagehead__item {
		text-align: left;
		padding-top: 30px;
	}
}

@media only screen and (max-width: 1366px) {
  .dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: .65rem;
  }
}
.page-template-default .main-content header {display: none;}
p:empty {
    display: none;
}

.single-post .dl-blog-detail {
	max-width: 680px;
}
.single-post h1 {
	font-weight: 300;
	letter-spacing: -.1rem;
}

.single-post h2, .single-post h3, .single-post h4{
	font-weight: 600;
}

.single-post h2{
	font-size: 37px;
	margin: 2rem 0;
	line-height: 110%;
}

.single-post h3{
	font-size: 29px;
	margin: 2rem 0;
}

.single-post h4{
	font-size: 23px;
	margin: 1rem 0;
}

.single-post h5 {
	font-weight: 700;
	font-size:18px;
	margin: 2rem 0 1rem;
}

.page-template-blog .card-section h5 {
	font-weight: 700;
}


.top-bar .menu .WhatsApp-chat a {
	padding-left: 2.25rem;
    background: url(//zegal.com/wp-content/themes/FoundationPress/assets/stylesheets/../images/dragonlaw/svg/whatsapp.png) no-repeat;
    background-size: 35px;
    background-position: center left;
}

@media screen and (max-width: 1024px){
	.top-bar .menu .WhatsApp-chat a {
		padding-left: 3rem; 
		background-position: 10px center;
	}	
}	
@media screen and (min-width: 64em){
	.top-bar .header-search a {
		width: 60px;
	}
	.top-bar .header-search #search-lite {
		left: 47%;
	}
}
@media screen and (min-width: 75em){
	.top-bar .header-search #search-lite {
		left:46%;
		width: 68%
	}
}

#ez-toc-container {
	max-width: 350px;
	margin: .5rem 1.5rem 1rem 0;
}
div#ez-toc-container p.ez-toc-title {
	font-weight: 600;
}
div#ez-toc-container ul li {
	list-style: disc;
	margin-left: 20px;
	overflow:unset;
}

/* Cookie bar */
#cookie-bar {
	display: none;
	direction: ltr;
	color: #ffffff;
	min-height: 20px;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 99999;
	padding:3px 20px;
	background-color: #2e363f;
	text-align: center;
	font-size: 12px;
}

#cookie-bar a {
	color: #ffffff;
	text-decoration: underline;
}

#cookie-bar #btn-accept-cookies {
	margin:0 10px;
	line-height:20px;
	background:#00b300;
	border:none;
	color: #ffffff;
	padding:2px 12px;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
}

/* WPML language switcher */
.wpml-ls-legacy-dropdown-click {
    width: 100% !important;
}

.wpml-ls-legacy-dropdown-click a {
    border: 1px solid #999;
    border-radius: 3px;
    color: #999;
    padding: .7rem .8rem !important;
}

.wpml-ls-legacy-dropdown-click a:hover,
.wpml-ls-legacy-dropdown-click a:focus,
.wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a {
    color: #999;
    text-decoration: none;
    background-color: #fff;
}

/* ASP */
.asp-try {
    visibility: hidden;
}

.wpdreams_asp_sc {
    display: none;
    max-height: 0;
    overflow: hidden;
}
.page-template-cosec-template .wp-block-image {
    margin-bottom: 0;
}