/*
Theme Name: Divi Child
Theme URI: https://mikerezl.com/
Version: 1.0
Description: Child Theme of Divi
Author: Mike Rezl
Template: Divi
*/
@import url("../Divi/style.css");




/* Disable the sidebar site-wide */
@media (min-width: 981px) {
#main-content .container:before { 
background-color: transparent;
}
.et_right_sidebar #left-area { 
width: 100%;
}
#sidebar { 
display: none;
}
}








/* Gravity Forms Buttons */
#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3, #gform_submit_button_4 {
    float: left !important;
    border-radius: 0px;
    background: #a6a6a6;
    border: 0px !important;
    color: #fff !important;
}

/* Search Icon Padding */
.et_pb_menu__icon.et_pb_menu__search-button {
    padding-left: 10px;
}

/* Newsletter Form */

#sender-form-content {
    background: none !important;
}
.sender-form-link {
    display: none !important;
}


/* Button Swipe */

.btn1 {
  z-index:1;
  border: none;
  text-align: center;
  cursor: pointer;
  outline: none;
  overflow: hidden;
  position: relative;
  background-color: #e8e8e8;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  text-transform: uppercase;
  color: #333333;
  font-weight: 300;
  font-size: 16px; 
  padding: 17px 60px;
  font-family: "Comfortaa", display;
  transition: all .5s ease-in-out;
  letter-spacing: 2px;

}

.btn1:hover {color: #fff !important;}


.btn1 span {
  position: relative; 
  z-index: 1;
}

.btn1:before,
.btn1:after {
  content: "";
  z-index:-1;
  position: absolute;
  left: 0;
  top: 0;
  height: 490%;
  width: 140%;
  background: #C2BA77;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
  transform: translateX(-98%) translateY(-25%) rotate(45deg);
}

.btn1:hover:before {
  -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
  transform: translateX(-9%) translateY(-25%) rotate(45deg);
}

.btn1:hover:after {
  background: #C2BA77;
  -webkit-transform: translateX(-65%) translateY(-25%) rotate(45deg);
  transform: translateX(-65%) translateY(-25%) rotate(45deg);
}



/* Thar Button Styles */

a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	padding: 16px 50px;
	color: #333333;
	font-size:16px;
	font-family: "Comfortaa", display;
	letter-spacing: 2px;
	font-weight: 300;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}

a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #fff;
	text-shadow: none;
}

a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}

a.animated-button:link, a.animated-button:visited {
	position: relative;
	padding: 16px 50px;
	color: #fff;
	font-size:16px;
	border-radius: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* Thar Button Additional Styles */

a.animated-button.thar-one {
    color: #333333;
    cursor: pointer;
    display: block;
    position: relative;
    border: 1px solid #C2BA77;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: fit-content;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
    background: transparent;
}

a.animated-button.thar-one:hover {
	color: #fff !important;
	background-color: transparent;
	border: 1px solid #C2BA77 !important;
	text-shadow: none;
	box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #fff !important;
	background: #C2BA77;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.btn-center a.thar-one {
    margin: 0 auto !important;
}


/*** Center TSI button on Mobile ***/
@media all and (max-width: 767px) {
  .TSI_READ
 {
    display: flex !important;
	justify-content: center;
  }
}