/*
 * zs-site.css - site-wide custom CSS for zappysys.com
 * Loaded from Settings > Header and Footer Scripts (header box):
 *   <link rel="stylesheet" href="/css/zs-site.css?v=YYYYMMDD">
 * Bump ?v= on every change, then Delete Cache in WP.
 */

/* FlexSlider */
.flexslider .flex-direction-nav li a.flex-next{
background-position:right!important;
}

/* Other custom CSS */
html {
  scroll-behavior: smooth;
}
#main {
    padding: 35px 20px;
}
.border-none,
table.border-none {
  border: none;
}
a.su-button {
  margin-right: 10px;
  margin-bottom: 10px;
  min-width: 150px;
}

table.tbl-item-box {
  border-bottom: none;

  > tr:first-child,
  tbody > tr:first-child {
	border-bottom: 2px solid #3b5b8f;
	margin-bottom: 1.5em;
  }

  tr > th,
  tbody > tr > th {
    color: #3b5b8f;
    font-size: 16px;
  }
  
  tr > td,
  tbody > tr > td {
	  padding: 0px 0.88em 0px 0.88em;
  }
  tr:nth-child(2) > td,
  tbody > tr:nth-child(2) > td {
	  padding-top: 1.5em;
  }
}
.rounded-connector-box {
	display: flex;
    overflow: hidden;
    width: 100%;
    height: 140px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    border-radius: 4px;
    padding: 0px;
    text-align: center;

	a.connectorBox {
        color: #337ab7;
        display: inline-block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        padding: 10px;
        font-size: 14px;
    }
	a.connectorBox:hover, a.connectorBox:focus {
		color: #23527c;
		text-decoration: none;
	}
	a.connectorBox img {
		width: 70px;
		height: 70px;
		vertical-align: middle;
	}
}
.rounded-connector-box:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    background-color: #f5f5f5;
}

.ul-lists {
  box-sizing: border-box;
  clear: both;
  color: rgb(68, 68, 68);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 26px;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin-block-end: 0px;
  margin-block-start: 0px;
  margin-bottom: 30px;
  margin-inline-end: 0px;
  margin-inline-start: 0px;
  margin-top: 0px;
  padding-inline-start: 0px;
  padding-left: 0px;
  text-align: center;

  > li {
    box-sizing: border-box;
    color: rgb(68, 68, 68);
    direction: ltr;
    display: list-item;
    line-height: 24px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    text-align: center;

    > a {
      position: relative;
      box-sizing: border-box;
      display: block;
      margin: 0px 10px;
      padding: 5px 0px;
      font-size: 1.2em;
      color: #222529;
      text-decoration: none;
    }
  }
  > li:hover,
  > li:hover a {
    background-color: #00bcff;
    color: #ffffff;
    > a {
      color: #ffffff;
    }
  }
}
.div-grid {
	-webkit-align-items: flex-start;
    align-items: flex-start;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
	
	.grid-cell-75 {
		width: 75%;
		width: calc(75% - 7.5px);
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.grid-cell-25 {
		width: 25%;
		width: calc(25% - 22.5px);
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		padding-left:15px;
	}
}
.visible-desktop-only{display:block;}
.visible-mobile-only{display:none;}
.alert {
    padding: 15px;
    margin: 10px 0px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-warning {
    color: orangered;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

/* Responsive Table Style */
@media screen and (max-width: 768px) {
  .mob-hide-first-row > tbody > tr:first-child	{ display: none; }
  .mob-hide-first-col > tbody > tr > th:first-child,
  .mob-hide-first-col > tbody > tr > td:first-child	{ display: none; }
  ul, ol {
	margin: 0 0 1.5em 0em;
  }	
  a.su-button {
    width: 100%;
  }
  .sue-pricing-table .sue-plan{margin-bottom:20px;}
  .visible-desktop-only{display:none;}
  .visible-mobile-only{display:block;}
  .mobile-text-justify{text-align:justify;}
  .mobile-text-center{text-align:center;}  
  table.ResponsiveTable {
	border: none;
	width:100%;
  
	> colgroup > col{
		width:100% !important;
	}  
	
	> tbody > tr, 
	> tr {
		display: block;
		margin-bottom: .625em;
	}
	
	> tbody > tr > td, 
	> tr > td
	{
		display: block;
		text-align: center;
		width: 100% !important;
		float: left;
	}
	> tbody > tr > td.mobile-text-justify, 
	> tr > td.mobile-text-justify{text-align:justify;}
	> tbody > tr > td.mobile-text-center, 
	> tr > td.mobile-text-center{text-align:center;}
	
	> tbody > tr > td::before, 
	> tr > td::before  {
		float: left;
	}
  
	> tbody > tr > td:not(:first-child), 
	> tr > td:not(:first-child)  {
		padding-top: 20px;
	}
 
	> tbody > tr > td img.alignleft, 
	> tr > td img.alignleft {
		display: block;
		float: none;
		margin: 0 auto;
	}
	
	> tbody > tr > td h1, 
	> tr > td h1{
		text-align:center;
	}
	
	> tbody > tr > td h3, 
	> tr > td h3{
		text-align:center;
	}
	
	> tbody > tr > td .entry-thumbnail, 
	> tr > td .entry-thumbnail{
		text-align: center;
	}
  
	> tbody > tr > td ul, 
	> tr > td ul{
		margin:0;
		text-align: left;
	}
  }
  table.ResponsiveTable.col-2 > tbody > tr > td,table.ResponsiveTable.col-2 > tr > td
  {
  	display: block;
  	text-align: center;
  	width: 42.5% !important;
  	float: left;
  }
  table.tbl-item-box {
		tr > td, tbody > tr > td {
			padding: 0px 0.88em 0px 0.88em !important;
		}
 }
  a.su-button {    
	margin-right: 0px;
	min-width: 100%;
	padding: 5px 0px;
  }
  .panel-widget-style-for-2333-1-0-0{
	display: none;
  }
  
  #pl-2333 .panel-grid-cell {
	padding: 0;
	margin: 0;
  }
  
  #_testimonials {
	.sue-testimonial .su-quote{
		display: none;
	}
	.sue-testimonial-bordered .sue-testimonial-text{
		border: none;
	}
	.sue-testimonial-bordered.sue-testimonial-has-photo .sue-testimonial-text:before{
		border-color: transparent transparent transparent transparent;
	}
	.sue-testimonial-has-photo{        
		border: 1px solid #eee;
		padding: 10px;
	}
	.sue-content-slider.owl-carousel .owl-item .sue-testimonial h2 {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.sue-content-slider.owl-carousel .owl-item .sue-testimonial h2 > img{
		position: relative;
		margin: 10px auto 0px auto !important;
		float: none !important;
		max-width: 100%;
		max-height: 100%;
	}
	.sue-content-slider.owl-carousel .owl-item .sue-testimonial > img{
		position: relative;
		width: 25%;
		height: auto;
		margin: 10px auto;
	}
	.sue-testimonial-bordered.sue-testimonial-has-photo .sue-testimonial-cite
	{text-align:center;}
  }
  
  .div-grid {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: flex-start;
    align-items: flex-start;
	display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    -ms-justify-content: space-between;
    justify-content: space-between;
	
		.grid-cell-75 {
			padding: 0;
			margin: 0;
			width: 100%;
			display: block;
			unicode-bidi: isolate;
		}
		.grid-cell-25 {
			padding: 0;
			margin: 0;
			width: 100%;
			display: block;
			unicode-bidi: isolate;
		}
	}
	.zs-child img {
	  height: 50px !important;
    }
    .su-post {text-align:center;}
    .su-posts-default-loop .su-post-thumbnail{float:none !important;margin: 0 auto !important;}
}
/* Target the actual link */
a.su-button.su-button-style-flat:hover {
  filter: brightness(0.9);
}
a.su-button.su-button-style-flat:focus {
  filter: brightness(0.9);
  outline: 2px solid rgba(255,255,255,0.8);
  outline-offset: 2px;
}
/* Optional: smooth transition */
a.su-button.su-button-style-flat {
  transition: filter 0.2s ease;
}
.main-navigation ul li a {font-weight: bold;}
#masthead.masthead-logo-in-menu .logo {padding-left: 0px;padding-right: 0px;}