/*
 Theme Name:   Magas Divi Child
 Theme URI:    http://magaworks.com/
 Description:  Magas Divi Child Theme
 Author:       MAGAWORKS
 Author URI:   http://magaworks.com
 Template:     Divi
 Version:      1.0.0
 Text Domain:  magas-divi
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 License: GNU General Public License v2
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Hide element on Desktop */
@media only screen and (min-width: 981px) {
    .hide-on-desktop {
        display: none !important;
    }
}

/* Hide element on Tablet/Phone */
@media only screen and (max-width: 980px) {
    .hide-on-mobile-tablet {
        display: none !important;
    }
}
/***** POSTS ******/
.et_pb_title_meta_container .published, .published {font-size: 13px;}
.et_pb_title_meta_container a,
.et_pb_post .post-meta a,
.post-meta a,
.et_pb_bg_layout_light .et_pb_post .post-meta a {
    color: #101011;
    text-transform: uppercase;
	letter-spacing: -0.5px;
	border-bottom-width:2px;
	border-bottom-style: solid;
    border-bottom-color: #6845C8;
    font-size: 12px;
    line-height: 1.25em;
    padding: 2px 4px;
    display: inline-flex;
    background-size: 0em 100%;
    background-position: left 50% bottom 0em;
    background-image: linear-gradient(rgba(224,224,224,0.25),rgba(224,224,224,0.25));
    background-repeat: no-repeat;
    transition: all cubic-bezier(0.12,0.4,0,1) 0.3s;
}
.et_pb_title_meta_container a:hover,
.et_pb_post .post-meta a:hover,
.post-meta a:hover,
.et_pb_bg_layout_light .et_pb_post .post-meta a:hover {
    color: #ffffff !important;
	border-bottom-color: #ffffff;
    background-size: 100% 100%;
    background-position: left bottom 0em;
    background-image: linear-gradient(rgba(104,63,200,1),rgba(104,63,200,1));
}
.wp-block-pullquote blockquote{
	border-left: none;
	border-color:#002838;
	margin: 20px 0;
    border-top: 5px solid;
    border-bottom: 5px solid;
    padding: 20px 0 30px 0;
}
.wp-block-pullquote p {color: #1C0732;}
@media only screen and (max-width:1024px) {
	.wp-block-pullquote p {font-size:24px;}
}
@media only screen and (max-width:768px) {
	.wp-block-pullquote p {font-size:22px;}
}

/** FOOTERS **/
#et-footer-nav .container {
	margin-top: 4vw;
	box-shadow: 0px -30px 40px -20px rgba(39,50,58,0.15);
}
.bottom-nav li a {/*font-weight:500;*/ font-size:0.8rem;}
#main-footer .underline-link {text-decoration:underline;}
#footer-info, .bottom-nav{text-align:center; float:none;}
#et-footer-nav .container {padding-top:15px}


.et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button {
	padding: 12px 40px 12px 24px;
}
.et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button:hover {
	padding: 12px 40px 12px 24px;
}
.et_pb_button:active:focus,.et_pb_button:focus, .button:active:focus,.button:focus{outline:none}
.more-link {
	font-family: 'Work Sans', sans-serif;
    font-weight: 400;
	background-color: #fff;
	color: #101011;
    display: inline-block !important;
    padding: 8px 20px;
    margin-top: 15px;
	text-decoration: none;
	border-radius: 1px;
}


/* secondary buttons 
.et_pb_button.btn_dark {background-color: #101011; color: #ffffff;}
.et_pb_button.btn_dark:hover {background-color: #90A4AF;}
*/
/* button small */
.et_pb_button.btn_small {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
	padding: 10px 34px 10px 20px;
	box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.btn_small .wp-block-button__link {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
.btn_small{
	font-size: 15px;
	font-weight: 400;
	letter-spacing: -0.5px;
}
.et_pb_button.btn_small:after,.btn_small:after {font-size:25px;}
.et_pb_button.btn_small:hover {
	padding: 10px 34px 10px 20px;
}

.et_pb_button.btn_small:hover{
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.divistylebutton .wp-block-button__link:hover{background-color:#4a148c;}

/* Full width section */
@media only screen and (min-width: 768px){
/* Sticky Image */
	.et_pb_section_sticky,
	.et_pb_section_sticky .et_pb_row:last-child,
	.et_pb_section_sticky .et_pb_row.et-last-child,
	.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child,
	.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,
	.et_pb_section_sticky .et_pb_column_single {
		padding-bottom: 1% !important;
	}

}

/* PROJECTS PAGES */
.single .project  {margin-bottom:0;}

/** BLOG ***************/
/* Pagination buttons */

.pagination .alignleft a,
.pagination .alignright a {
	text-indent:-9999px;
	padding: 0px;
	border-radius: 50%;
	width: 40px;
    height: 40px;
  	background-color: #D5DAF0;
	color:#101011;
	display: inline-flex;
	position: relative;
    align-items: center;
    justify-content: center;
	text-decoration: none;
    cursor: pointer;
    user-select: none;
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  transition: all  500ms cubic-bezier(0.12, 0.4, 0, 1);
}
.pagination .alignright a:after,
.pagination .alignleft a:after{
	color:inherit;
	position:absolute;
	left:4px;
	display: inline-flex;
    align-items: center;
    justify-content: center;
	width: 30px;
    height: 30px;
	text-indent:0px;
	font-family: ETmodules!important;
	speak: none;
    font-size: 30px;
    font-style: normal;
    font-variant: none;
    line-height: 1em;
    text-transform: none;
	transition: all  500ms cubic-bezier(0.12, 0.4, 0, 1);
}
.pagination .alignright a:after{content: "\35";}
.pagination .alignleft a:after{
		content: "\34";
}
.pagination .alignleft a:hover,
.pagination .alignright a:hover {
	color:#101011;
	background-color: #ffffff;
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

/*** Material-style button click effect ***/
a.more-link, .et_pb_button, .alignleft a, .alignright a, .et_pb_searchsubmit {
    overflow: hidden;
}
/* Post content */
@media(max-width:1024px){
	.post-template-default.single-post .et_pb_post_content .et_pb_row {width:100%}
}
.wp-block-pullquote {padding: 1em 0;}
.wp-block-pullquote blockquote {padding: 30px 0 40px 0;}
.wp-block-pullquote-small p {font-size: 22px;}
.wp-block-pullquote cite {font-style: normal;display:block; padding-top: 18px;font-size: 14px;}
.wp-block-pullquote-small cite a{text-transform:uppercase; color:#4a148c;}

/* Block editor tables */
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {padding: 15px 5px;}
/* responsive tables */
/* Credits:
    This bit of code: Exis | exisweb.net/responsive-tables-in-wordpress
    Original idea: Dudley Storey | codepen.io/dudleystorey/pen/Geprd 
@media screen and (max-width: 600px) {
    table {width:100%;}
    thead {display: none;}
    tr:nth-of-type(2n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
    tbody td {display: block;  text-align:center;}
    tbody td:before { 
        content: attr(data-th); 
        display: block;
        text-align:center;  
    }
}*/