/**
 * Theme Name:     Work Together
 * Author:         The Manifestor
 * Template:       Divi
 * Text Domain:	   work-together
 * Description:    Smart. Flexible. Beautiful. Work Together Child Theme
 * Version:        001.01
 */

/*-----Stop Words from Breaking on Mobile-----*/
h1, h2, h3, h4, h5, h6, p {

  	/* These are technically the same, but use both */
  	overflow-wrap: break-word;
  	word-wrap: break-word;

  	-ms-word-break: break-all;

  	/* Instead use this non-standard one: */
  	word-break: break-word;

  	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}

/*Special Button Style*/
.btn-style a {
	background-color: transparent !important;
	border: 1px solid #333333 !important;
	border-radius: 30px !important;
	box-sizing: border-box !important;
	color: #00013A !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-family: "GEOLOGICA",Arial,sans-serif !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	letter-spacing: 3px !important;
	line-height: 23.8px !important;
	margin: 0 !important;
	outline: 0 !important;
	padding: 15px 25px !important;
	position: relative !important;
	text-decoration: none !important;
	text-size-adjust: 100% !important;
	transition: all .5s !important;
	vertical-align: baseline !important;
}

@media screen and (max-width: 980px) {
	.btn-style a {
		font-size: 15px !important;
		text-align: center !important;
	}
}
.btn-style a:before {
	background-color: #f1c232;
	border-radius: 30px;
	content: "";
	height: 100%;
	left: -6px;
	position: absolute;
	top: -6px;
	transition: all .4s;
	width: 100%;
	z-index: -1;
}

.btn-style a:hover:before {
	background-color: #ff6682;
	left: 6px;
	top: 6px;
}

/*Special Bye Button Style*/
.bbtn-style a {
	background-color: transparent !important;
	border: 1px solid #333333 !important;
	border-radius: 30px !important;
	box-sizing: border-box !important;
	color: #00013A !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-family: "GEOLOGICA",Arial,sans-serif !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	letter-spacing: 3px !important;
	line-height: 23.8px !important;
	margin: 0 !important;
	outline: 0 !important;
	padding: 15px 25px !important;
	position: relative !important;
	text-decoration: none !important;
	text-size-adjust: 100% !important;
	transition: all .5s !important;
	vertical-align: baseline !important;
}

@media screen and (max-width: 980px) {
	.bbtn-style a {
		font-size: 18px !important;
		text-align: center !important;
	}
}
.bbtn-style a:before {
	background-color: #f1c232;
	border-radius: 30px;
	content: "";
	height: 100%;
	left: -6px;
	position: absolute;
	top: -6px;
	transition: all .4s;
	width: 100%;
	z-index: -1;
}

.bbtn-style a:hover:before {
	background-color: #ff6682;
	left: 6px;
	top: 6px;
}

/* Blurb v86 */
.et_pb_blurb_dct_9_86{
   
    margin: 0 15px;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease 0s;
}
.et_pb_blurb_dct_9_86:before{
    content: "";
    background: transparent;
    height: 150px;
    width: 2px;
    border: 2px solid #333333;
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
}

/* Image */
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_main_blurb_image{
    
    background: linear-gradient(45deg, #f1c232, #f1c232, #7ecc9c);
    
    text-align: center;
    line-height: 80px;
    height: 80px;
    width: 80px;
    margin: 0 auto 40px;
    border-radius: 50%;
    box-shadow: 0 0 0 7px #fff inset, 0 0 0 2px #333333;
    transition: all 0.3s;
}


.et_pb_blurb_dct_9_86:hover .et_pb_blurb_content .et_pb_main_blurb_image{ box-shadow: 0 0 0 7px #fff inset, 0 0 0 2px #c5c5c5,0 0 10px #555; }
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{
    transform: rotateY(0deg);line-height: 80px;
    transition: all 0.3s ease 0s;
}

/* Blurb background */
.et_pb_blurb_dct_9_86:hover .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon{ transform: rotateY(360deg); }
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_blurb_container{
    background-color:#ffffff;
	color: #000000;
	border: 2px solid #333333;
    padding: 20px 0 0 0;
}

/* Title */
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header{
   
    background: linear-gradient(45deg, #f1c232, #f1c232, #7ecc9c, #7ecc9c);
    
    text-shadow: 0 0 3px #000;
    padding: 15px 10px;
    margin: 0 -15px 5px;
    position: relative;
}
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:before,
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{
    content: '';
    background: linear-gradient(45deg, transparent 49%, #333333 50%);
    height: 15px;
    width: 16px;
    position: absolute;
    left: -1px;
    top: 100%;
}
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_blurb_container .et_pb_module_header:after{
    transform: rotateY(180deg);
    left: auto;
    right: -1px;
}
.et_pb_blurb_dct_9_86 .et_pb_blurb_content .et_pb_blurb_container .et_pb_blurb_description{
    
    padding: 15px;
    margin: 0;
}

/* Verticaly centered */
.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/*Back to top button styling*/
.et_pb_scroll_top:before {
    content: "\36";
	color: #000 !important;
}
/*This section changes the shape to a circle and moves the button in from the edge of the screen*/
.et_pb_scroll_top.et-pb-icon {
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 20px;
	background: #f1c232;
}

.et_pb_scroll_top.et-pb-icon:hover {
	background: #ff6682;
}

/*style the contact form success message text*/
.et-pb-contact-message p {
  font-size: 28px;
  line-height: 1.7em;
  color: #000;
  text-align: center;
  font-weight: bold;
  padding: 50px!important;
  border: 1px solid #000000;
  border-radius: 10px;
  background: #f1c232;
}