/*
 Theme Name:     Embryo
 Description:    A Customized Theme Built By Red Rocket Web Specialists - https://www.redrocketmg.coms
 Author:         Red Rocket Web Specialists
 Author URI:     https://www.redrocketmg.com/
 Template:       Divi
 Version:        1.0.0
*/

#et-info {
    display: flex;
    align-items: center;
	float:none;
}
#top-header a.head-cta {
    background: #aaa;
    padding: 10px;
    border-radius: 5px;
    color: #3c1a57;
    font-weight: bold;
    font-size: 14px;
    margin-left: auto;
	transition: 0.5s all;
}
#top-header a.head-cta:hover{
	opacity: 0.8;
}

/* Responsive Table */
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
.table-responsive pre, 
pre .table-responsive {
    font-family: Open Sans,Arial,sans-serif;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th, #page .table-bordered > thead > tr > td, #page .table-bordered > thead > tr > th, .table-bordered {
    border: 1px solid #DDDFFF;
}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #ddd;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
a, .timely a {
    color: #333333;
} 
tr.state-heading {
    background: #3c1a57 !important;
    font-size: 24px;
    color: #dfdce8;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background: #dfdce8;
}
p:empty {
    margin: 0;
}	
.hide-element {
    display: none;
}
.cp2-button-on-top, a.ptp-checkout-button.btn.sign-up {
    display: none;
}
.ptp-cp2-price-table .ptp-cp2-tabled-data {
    border: 1px solid #8a66a3 !important;
}
#ptp-7238 .cp2-desc-table {
    border-top: 2px solid #8a66a3 !important;
}
a.btn_global {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important;
    letter-spacing: 2px;
}

/* Family Stories 
#family-stories{margin-top: 30px}

#family-stories .tab-pane{padding: 24px 0}*/

#family-stories .modal-thumb.thumb{ display:inline-block; margin:10px 10px 10px 0; position:relative}

#family-stories #tab-1 .modal-thumb.thumb{border:8px solid #5C335C; }

#family-stories #tab-2 .modal-thumb.thumb{border:8px solid #9bc365;}

#family-stories .modal-caption{/*background:url(images/bg-modal-cap.png) repeat; */position:absolute; bottom:0;	width:180px; font-size:15px; font-weight:bold; color:#fff; padding:4px 0; text-align:center}

#family-stories #tab-1 .modal-caption{background:rgba(51,0,51,.5);}

#family-stories #tab-2 .modal-caption{background:rgba(134,184,62,.5);}

#family-stories .modal-excerpt{font-size:12px; line-height:1.1em; padding:0 3px;}

#family-stories img{margin-bottom: 0}
#family-stories #tab-1.new-tab .modal-thumb.thumb, 
#family-stories #tab-2.new-tab .modal-thumb.thumb {
    margin: 0 !important;
    border: none;
}
.new-tab {
    line-height: 18px !important;
}
.new-tab a.modal-view-link {
    display: none;
}
#family-stories .new-tab .modal-caption:after {
    content: url(/wp-content/plugins/slide-anything/images/lightbox_zoom.png);
    position: absolute;
}

/* Overlay over family-stories pictures */

div#family-stories .modal-caption {
    opacity: 0;
    transition: all 0.5s;
    color: #fff;
	line-height: 18px !important;
    text-align: center;
    padding: 10%;
    font-size: 18px;
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
}
div#family-stories a:hover .modal-caption {
    opacity: 1;
}
#family-stories .modal-caption {
    background: rgba(60,26,87,0.8) !important;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#family-stories .modal-excerpt {
    font-family: "mr-eaves-sans",sans-serif;
    line-height: normal;
    text-transform: none;
    font-size: 18px;
    padding-top: 5% !important;
    display: block;
}
#family-stories #tab-1.new-tab .modal-thumb.thumb, 
#family-stories #tab-2.new-tab .modal-thumb.thumb {
    margin: 0 !important;
    border: none;
    padding-bottom: 0;
    line-height: 0 !important;
	width: 100%;
    position: relative;
    background-size: cover;
    background-position: top;
}
#family-stories #tab-1.new-tab .modal-thumb.thumb:before,
#family-stories #tab-2.new-tab .modal-thumb.thumb:before {
    content: '';
    display: block;
    padding-top: 100%;
}
#family-stories .thumb_wrap {
    display: inline-block;
    width: 20%;
    float: left;
    line-height: 0 !important;
}
.new-tab {
    line-height: 18px !important;
}
.new-tab a.modal-view-link {
    display: none;
}
.modal-scrollable div.modal .modal-dialog {
    text-align: center;
    margin: 0 auto;
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    font-family: 'open sans';
    font-size: 14px;
    line-height: 18px !important;
}
.modal-scrollable div.modal .modal-dialog p {
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    font-family: arial;
}
.text-center {
    text-align: center;
}
.modal-scrollable div.modal .modal-body, .modal-scrollable div.modal .modal-header {
    padding: 20px 40px;
}
button.close{
	padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
	margin-top: -2px;
	float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}
.modal-header {
    padding-bottom: 0 !important;
}
.modal-body{
    padding-top: 10px !important;
}
.modal-share{
	padding-bottom: 10px !important
}
.modal-scrollable {
    z-index: 999999 !important;
}

.ptp-cp2-price-table .fa-check {
    color: green;
}
.ptp-cp2-price-table .fa-times {
    color: red;
}

@media (min-width:981px) and (max-width: 1330px){
	#family-stories .thumb_wrap{width: 25%;}
}
@media (min-width:981px) and (max-width: 1280px){
	.container.et_menu_container {
	    width: 95%;
	}
	#top-menu li {
	    font-size: 1.1vw;
	}
}
@media (min-width:981px){
	.modal-scrollable div.modal .modal-dialog {
	    max-width: 1000px;
	    margin: 0 auto;
	}
	.modal {
	    width: fit-content;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	}
}
@media screen and (max-width: 980px) {
	#family-stories .thumb_wrap{width: 100%;}
	.modal-scrollable{
	    max-width: 90%;
	    margin: 20px auto;
	}
}
@media (min-width: 560px) and (max-width: 980px){
	#family-stories .thumb_wrap{width: 50%;}
}
@media (max-width: 560px){
	div#et-info {
	    flex-direction: column;
	}
	div#et-info a {
	    margin: 5px auto;
	}
}