/* 
Theme Name:		 Tiny Boxes Child
Theme URI:		 http://revmarketing2u.com/
Description:	 Tiny Boxes Child is a child theme of Tiny Boxes, created by stickguy
Author:			 stickguy
Author URI:		 https://github.com/stickguy
Template:		 tinyboxes
Version:		 1.0.0
Text Domain:	 tinyboxes-child
*/

/* New Build */

body .es-listing .properties {
    background: #f0f0f0;
}


.add-info textarea {
	width:100%;
}

.txt-shadow {
	text-shadow: 2px 2px 2px #000000;
}

.max-width-300 {
	max-width:300px;
}

.hiz {
	z-index: 99;
}

.bg-conegrad {
	background: linear-gradient(90deg, red, cyan);
}

.bg-conegrad:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
    right: 0;
		-webkit-mask-image: linear-gradient(to bottom, transparent, black);
		        mask-image: linear-gradient(to bottom, transparent, black);
		background: linear-gradient(90deg, hotpink, #639);	
  }

.duplex-section a {
	color:#000;
}


.duplex-section {
    background-attachment: scroll, fixed;
    background-image: linear-gradient(to top, #fff0, #004e9269, #1b1b1db8, #0a81f99e), url(/wp-content/uploads/2018/01/Keys-background.jpg);
    background-position: top left, center center;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding: 3em 0 10em 0;
    position: relative;
    text-align: center;
}

.duplex-section .duplex-content {
	margin-top: 8%;
	margin-bottom: 5%;
}

.duplex-section .ds-inner {
    display: block;
    margin-top: 15px;
    padding-top: 15px;
    cursor: pointer;
        background: #F7971E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFD200, #F7971E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    padding: 0 20px;
	border-radius:1rem;
	min-height: 325px;
}

.duplex-section .ds-inner .row {
	margin-bottom: 5%;
}

.sheight-25 {
	min-height: 20vh;
}

.titlebox {
	background-color: rgba(64, 64, 64, 0.4);
	border: 4px solid #fff;
    border-radius: 25px;
}

#footer-row {
	padding-top:5%;
	color:#ffffff;
	text-shadow: 1px 1px 0px #000000;
}

#credit-row {
	color:#ffffff;
	text-shadow: 1px 1px 0px #000000;
}

.bg-gradient-dark {
	background: rgb(88,82,206);
background: linear-gradient(145deg, rgba(88,82,206,1) 0%, rgba(15,184,183,1) 100%);
}

#sidebar-left {
	margin-top:5%;
}

/* End New Build */


/* -----------------------------------------
    HOME PAGE HERO AREA
-------------------------------------------- */
.hero-offer .display-4 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1;
	margin-top:0;
}

.hero-offer .small {
    font-size: 48%;
}

.es-button-orange-corner {
    border: 2px solid #e9ecef!important;
    background: #e9ecef!important;
}

.es-button-gray {
    background: #9e9e9e00!important;
    border: 2px solid #f0f0f0 !important;
}



/* ----------------------------------  
      Testimonial Quote Styling 
------------------------------------- */
.w-1 {
    width: 5rem;
}


/* ----------------------------------  
      Reviews Page Styling 
------------------------------------- */
.review-card.card {
	display:inline-block;
	margin-bottom:1rem;
}

.shadow-soft {
    box-shadow: 0 3px 6px 0 rgb(140 152 164 / 79%)!important;
}


@media (min-width: 576px) {
	
.card-columns {
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    column-gap: 1.25rem;
}

}

@media (min-width: 992px) {
	.card-lg-gutters-2 {
    margin-right: -.5rem;
    margin-left: -.5rem;
}
	
}

/* ----------------------------------  
     Rev Social Button plugin style 
------------------------------------- */

.btn.btn-google {
    background-color: #fbbc05;
    color: #fff;
}

/* -----------------------------------------
    GRAVITY FORM STYLING
-------------------------------------------- */
.gform_body ul.gfield_checkbox{
	list-style-type:none;
}


/* ----------------------------------  
          Blog Styling 
------------------------------------- */

body.post-template-default header.entry-header img{
	margin:0 0 2em 0;
	width:100%;
	height:auto;
}

body.post-template-default .entry-content img{
	margin:2em 0;
	width:auto;
	height:auto;
}

body.archive .entry-meta, body.post-template-default .entry-meta {
    display:none;
}


body.archive .site-content, body.post-template-default .site-content {
    margin-top: 0;
}

body.page-template-s-archive .site-content img {
    width: 100%;
    height: auto;
}

/* ----------------------------------  
          Podcast Styling 
------------------------------------- */

body.single-podcast .site-content, body.post-template-default .site-content {
    margin-top: 2em;
}

body.single-podcast aside#secondary img {
	height: auto;
    max-width: 100%;
}

/* ----------------------------------  
         Custom Colors 
------------------------------------- */
.text-green {
	color:green;
}
.gradient-red-fade {
	background: linear-gradient(90deg, #d7080d, #bf0012, #a80013, #900013, #790012, #63000f, #4d0009, #380000);
}

.gradient-grey-fade {
	background: linear-gradient(180deg, #fff, #c3c0c0);
}

.gradient-grey-fade-2 {
	background: linear-gradient(0deg, #fff, #c3c0c0);
}

.bg-black-fade {
	background-color: rgba(0, 0, 0, 0.75) ;
}

.gradient-yellow-fade {
	background: linear-gradient(180deg, #ecb005, #fbe803, #fda504);
}

.bg-ghost {
	background: #000428;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #fff0, #004e9269, #1b1b1db8, #0000009e);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #fff0, #004e9269, #1b1b1db8, #0000009e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-emwater {
	background: #348F50;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #56B4D3, #348F50);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #56B4D3, #348F50); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-yellow-fader {
    background: #F7971E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFD200, #F7971E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.es-search__wrapper {
    background: #F7971E;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #FFD200, #F7971E);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #FFD200, #F7971E); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.bg-deep-space {
	background: #000000;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #434343, #000000);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}


/* -----------------------------------------
    RESPONSIVE VIDEO CONTAINER
-------------------------------------------- */
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-------------------------
# Chatbot
------------------------*/
.circle {
	padding-top:18px
}

button.circle:after {
	margin-top:10px;
}

.wpchatbot-quickaccess-close {
    min-width: 35px;
    height: 35px;
    font-size:20px;
	cursor: pointer;
}

div#wpcb-main-conversation {
    height: 200px!important;
}	
	
body.home cf-chat scrollable:nth-of-type(1):before {
    content: '';
    background-image: url(/wp-content/uploads/2021/04/Vineland-Martial-Arts-logo-lg-20.png);
    height: 180px;
    width: 432px;
    position: absolute;
    /*z-index: 99999;*/
    top: -0%;
	left:-25%;
    background-repeat: no-repeat;
}

	
@media (min-width: 768px) {
body.home cf-chat scrollable:nth-of-type(1):before {
    top: -0%;
	left:13%;
}	
}

/* -----------------------------------------
    IMAGE FILTERS
-------------------------------------------- */
.grey-filter {
   filter: contrast(0.7) grayscale(1) brightness(1.2) blur(1.4px) opacity(0.45);
}



/* -----------------------------------------
    FOOTER
-------------------------------------------- */
ul.socialst {
    list-style-type: none;
	padding-left:0;
}

ul.socialst li {
    display: inline;
    margin-right: 16px;
}

ul.socialst .fa-3x{
	font-size:2.5em;
}

.site-footer a.list-group-item {
	background-color:transparent;
	border:0;
}

.site-footer a.list-group-item-action {
    color: #fff;
}
	
.site-footer a {
    color: #fff;
}

.site-footer ul {
	list-style-type:none;
}

.gform_wrapper .gf_invisible, .gform_wrapper .gfield_visibility_hidden {
    visibility: hidden;
    position: absolute;
    left: -9999px;
}