/*!
 * Theme Name:  Studio Pro
 * Cutom CSS.
 */

 /* INDEXING
=====================
1.) HOME
1.1 Quick Link CSS
1.2 Feature Icon Section
1.3 About Us Section
1.4 Footer



2.) RELEASE PAGE
3.) INNER PAGES CSS

=====================*/

/* GLOBAL CSS */
.flex-column {
	flex-direction: column;
}

a {
	text-decoration: none;
	transition: all .25s ease;
	-webkit-transition: all .25s ease;
	-ms-transition: all .25s ease;
}

a:focus  {
	outline: none;
}

:foucs {outline: none;}

.one_full {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.one_third {
    flex-basis: 33.33%;
    max-width: 33.33%;
    padding: 0 15px;
}

.one_half {
    max-width: 50%;
    padding: 0 15px;
    flex-basis: 50%;
}


/* Header CSS */
.site-header .title-area {
    padding: 15px 0;
}

@media (min-width: 896px) {
	.nav-primary .sub-menu .sub-menu {
		margin: 0;
		position:static;
		left: 0;
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		top: 0;
		border:0;
		width:100%;
		background: #F6F7F8;
	}
	.nav-primary .sub-menu .sub-menu li:first-of-type {
		padding-top:1px;
	}
	.nav-primary .sub-menu .sub-menu li:first-of-type:before {
		display:none;
	}
	.nav-primary .sub-menu .menu-item.menu-item-has-children a {
		position: relative;
	}
	.nav-primary .sub-menu .menu-item.menu-item-has-children > a:after{
		content:"";
		display:block;
		position: absolute;
		right: 18px;
		width: 10px;
		height: 10px;
		top: 50%;
		margin-top: -5px;
		border-bottom: solid 2px #1894F1;
		border-right: solid 2px #1894F1;
		transform: rotate(45deg)
	}
	.nav-primary .sub-menu .sub-menu a{
		float: none;
		display:block
	}
	.nav-primary .sub-menu .menu-item.menu-item-has-children:hover{
		background-color:#1894F1;
	}
	.nav-primary .sub-menu .menu-item.menu-item-has-children:hover > a {
		color: white;
	}
	.nav-primary .sub-menu .menu-item.menu-item-has-children:hover > a:after{
		border-bottom: solid 2px white;
		border-right: solid 2px white;
	}
	.nav-primary .sub-menu a span:after {
		display: none;
	}
}

/* Feature Icon Section */

.feature_outer .icon-widget p {
    font-size: 18px;
    margin-bottom: 0;
}

.feature_outer .icon-widget i {
    margin-bottom: 10px;
}


/* Sponsors and Partners  */
#custom_html-13 {
	padding-top: 4rem;
}
.partners_link_wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.partners_link_wrapper > li {
  margin-top: 3rem;
  padding: 0 2.5rem;
}

.partners_link_wrapper > li a img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.3s ease;
}

.partners_link_wrapper > li a:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}
/* Quick Link */
#custom_html-7 {
    padding: 0;
}

.quick_link_wrapper > li {
    width: 20%;
    text-align: center;
    margin-bottom: 50px;
    padding: 0 15px;
}

.quick_link_wrapper {
    display: flex;
    flex-flow: row wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.quick_link {
    text-decoration: none;
    display: block;
}

.quick_link:focus {outline: none;}


.quick_link_wrapper .quick_link .quick_img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    border-radius: 100%;
    border: 1px solid #eee;
    transition: box-shadow .15s ease;
    height: 108px;
    width: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quick_link:hover .quick_img, .quick_link:focus .quick_img {
    box-shadow: 4px 5px 10px rgba(238, 238, 238, 0.6);
}


.quick_link_wrapper .title_link {
    font-size: 22px;
    text-decoration: none;
    font-weight: 400;
    color: #333;
    line-height: normal;
    transition: color .15s ease;
}


.quick_link:hover .title_link, .quick_link:focus .title_link {
    color: #1894f1;
}


.quick_link_wrapper > li:nth-last-child(-n+4) {
    margin-bottom: 0;
}

.btn-view-more {
    margin-top: 65px;
}


/* About Us Section */
.about_us_outer .Image_wrapper img {
    max-width: calc(100% + 37px);
}

.about_us_outer .content_wrapper {
    width: calc(100% + 37px);
    background-color: #fff;
    margin-left: -37px;
    position: relative;
    margin-top: 40px;
    padding: 50px;
    text-align: left;
    box-shadow: 14px 24.249px 46px rgba(1,1,1,0.05);
}


/*Footer*/
.footer-widgets #custom_html-6 .textwidget {
    text-align: center;
}

.footer-widgets #custom_html-6 .textwidget a {
    display: inline-block;
}


.foot_social_icon .icon {
    width: 70px;
    height: 70px;
    border-radius: 35px;
    background-color: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #676e7f;
    font-size: 21px;
    transition: all .25s ease;
    margin: 0 auto; 
}

.foot_social_icon > li > a {
    display: inline-block;
}

.foot_social_icon > li {
    text-align: center;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

.foot_social_icon .icon_title {
    font-size: 13px;
    color: #6a7080;
    font-weight: 300;
    font-family: Roboto;
    display: block;
    margin-top: 8px;
}

.foot_social_icon {
    font-size: 0;
    text-align: center;
}

.foot_social_icon > li > a:hover .icon, 
.foot_social_icon > li > a:focus .icon, 
.foot_social_icon > li > a:active .icon {
    background-color: #0131ff;
    color: #fff;
}

.site-footer .wrap {
    padding-top: 30px;
    padding-bottom: 30px;
}

.site-footer .wrap p {
    font-style: normal;
    font-size: 16px;
    font-weight: 300;
    font-family: Roboto;
    color: #6a7080;
}

.site-footer #genesis-footer-widgets .wrap {
    padding-top: 0;
    padding-bottom: 0;
}




/* RELEASE PAGE */

.release_outer_repater {margin: 0 0 20px 0;padding: 0;float: left;width: 100%;border: 1px solid #e3e4e6;color: #393e4b;font-size: 18px;line-height: normal;font-weight: 300;background: #f6f7f8;}

.release_outer_repater .release_heading {float: left;width: 100%;margin: 0;padding: 13px 28px;display: flex;align-items: center;justify-content: space-between;background: #e7ecf1;}

.release_outer_repater .release_heading h2 {margin: 0;padding: 0;font-size: 28px !important;line-height: normal;color: #393e4b;font-family: 'Roboto', Helvetica, Arial, sans-serif;font-weight: normal;}

.release_heading .date {color: #393e4b;white-space: nowrap;font-size: 15px;line-height: normal;margin: 0;padding: 0;font-weight: normal;}

.release_heading .date img {display: inline-block;vertical-align: top;margin: 0 13px 0 0;width: auto;height: auto;padding: 0;}

.release_outer_repater .release_sub_outer {float: left;width: 100%;margin: 0;padding: 25px 30px;list-style: none;margin-left: 0 !important;}

.release_sub_outer li {list-style: none !important;margin: 0;padding: 9px 23px;float: left;width: 33.33%;text-align: center;}

.release_sub_outer li a {background: #ffffff;display: inline-block;width: 100%;margin: 0;padding: 14px 15px;color: #393e4b;font-size: 18px;border-radius: 50px;text-decoration: none;height: auto;line-height: normal;font-weight: 300;outline: none;}

.release_sub_outer li a img {display: inline-block;vertical-align: top;margin: 0 15px 0 0;}

.release_sub_outer li:nth-child(3n+1) {clear: left;}

.release_sub_outer li a:hover {background: rgb(114,83,254);background: -moz-linear-gradient(left, rgba(114,83,254,1) 0%, rgba(78,98,254,1) 36%, rgba(28,154,230,1) 67%, rgba(34,186,209,1) 100%);
background: -webkit-linear-gradient(left, rgba(114,83,254,1) 0%,rgba(78,98,254,1) 36%,rgba(28,154,230,1) 67%,rgba(34,186,209,1) 100%);
background: linear-gradient(to right, rgba(114,83,254,1) 0%,rgba(78,98,254,1) 36%,rgba(28,154,230,1) 67%,rgba(34,186,209,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7253fe', endColorstr='#22bad1',GradientType=1 );
color: #ffffff;}

.release_sub_outer li a:hover img {filter: brightness(0) invert(1);-webkit-filter: brightness(0) invert(1);}

.release_outer {display: inline-block;width: 100%;margin: 0;padding: 0;clear: both;}

.release_outer .pagination {margin: 25px 0 0 0;padding: 0;display: inline-block;width: auto;border: 1px solid #f0f1f2;border-radius: 3px;background: #ffffff;}

.release_outer .pagination a, .release_outer .pagination span {width: 37px;height: 37px;display: inline-block;white-space: nowrap;color: #393e4b;text-decoration: none;font-size: 15px;font-weight: normal;text-align: center;line-height: 37px;border-right: 1px solid #f0f1f2;}

.release_outer .pagination a.current, .release_outer .pagination span.current {color: #1e7dff}

.release_outer .pagination a, .release_outer .pagination span {width: auto;height: 37px;display: inline-block;white-space: nowrap;color: #393e4b;text-decoration: none;font-size: 15px;font-weight: normal;text-align: center;line-height: 37px;border-right: 1px solid #f0f1f2;margin: 0;padding: 0 6px;min-width: 37px;}

.release_outer .pagination a.prev, .release_outer .pagination a.next {width: auto;padding-left: 13px;padding-right: 13px;}

.release_outer .pagination a:hover {background: #f6f7f8;color: #222;}


/* INNER PAGES */

.page-template-default .content article.page .entry-content p {
    font-size: 18px;
    margin-bottom: 15px;
}

.page-template-default .content article.page .entry-content a {
    text-decoration: none;
}

.page-template-default .content article.page .entry-content h2 {
    font-size: 1.6em;
}

.page-template-default .content article.page .entry-content h3 {
    font-size: 1.2em;
}

.page-template-default .content article.page .entry-content ul {
    margin-left: 20px;
}

.page-template-default .content article.page .entry-content ul li {
    font-size: 18px;
    margin-bottom: 5px;
}

.page-template-default .content-sidebar-wrap {
    padding-top: 0;
    padding-bottom: 0;
}


/*Book Page*/

.page-template-default .content article.page .entry-content ul.books_outer {
    margin-left: auto;
}


span.astrick {
    color: #FF0400;
}


.owl-stage-outer .widget_text.widget-wrap {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
color: #fff;
}
.slider .owl-pagination-true {
   margin-bottom: 0 !important;
}

.slider .sa_owl_theme .owl-dots {
   bottom: 25px !important;
}

/*----- Cookies Button Css -----*/
#cookie-notice .cn-button {
    background: rgb(114,83,254);
    background: -moz-linear-gradient(left, rgba(114,83,254,1) 0%, rgba(78,98,254,1) 36%, rgba(28,154,230,1) 67%, rgba(34,186,209,1) 100%);
    background: -webkit-linear-gradient(left, rgba(114,83,254,1) 0%,rgba(78,98,254,1) 36%,rgba(28,154,230,1) 67%,rgba(34,186,209,1) 100%);
    background: linear-gradient(to right, rgba(114,83,254,1) 0%,rgba(78,98,254,1) 36%,rgba(28,154,230,1) 67%,rgba(34,186,209,1) 100%);
}

.foot_social_icon i {
    font-style: initial;
}
.foot_social_icon i > li {
    text-align: center;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

#custom_html-11 .widget_text.widget-wrap {
    justify-content: center;
}


/*.homepage-email-icon  {
    position: fixed;
    right: 20px;
    background: #0f2bb3;
    border-radius: 50%;
    padding: 18px;
    margin-top: -62px;
    z-index: 9;
    box-shadow: 0 0 10px 0px #999;
}*/

.homepage-email-icon img {
    width: 26px;
}

.homepage-email-icon {
    position: fixed;
    right: 20px;
    background: #fff;
    border-radius: 2px;
    width: 200px;
    bottom: 20px;
    z-index: 9;
    box-shadow: 0 0 20px 0px #ccc;
    height: 200px;
    text-align: center;
	padding:16px;
}
.homepage-email-icon h4 {
    font-size: 16px;
    margin-bottom: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: 600;
}
.homepage-email-icon p {
    font-size: 12px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #000;
}
.homepage-email-icon a {
    background: #006cff;
    color: #fff;
    width: 86%;
    display: inline-block;
    border-radius: 5px;
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    position: absolute;
    left: 7%;
    bottom: 16px;
}
.homepage-email-icon #close-subscription {
    font-size: 15px;
    text-align: right;
    margin: -12px -6px 6px 0px;
    position: relative;
    z-index: 111;
}
.homepage-email-icon #close-subscription i {
    cursor: pointer;
}

.sidebar-primary .avatar {
    border-radius: 0;
}

.sidebar-primary .widget li:last-of-type {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.sidebar-primary .widget li {
	border-bottom: 1px solid #eee;
}

/*----- Sidebar Remove on New Page -----*/
	
.blog .sidebar-primary {
    display:none;
}
.blog #genesis-content {
    width:100%;
}

/* ================================
			MEDIA QUERY
=================================== */

@media (max-width: 1199px) {
.foot_social_icon > li,  .foot_social_icon i > li{
    margin: 0 0 30px;
}

#genesis-footer-widgets {
    padding-bottom: 20px;
}
.release_sub_outer li {
    margin-bottom: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
}

.release_outer_repater .release_sub_outer {
    padding-left: 15px;
    padding-right: 15px;
}
.release_sub_outer li a img {
    margin: 0 10px 0 0;
}

}




@media (max-width: 990px) {

.quick_link_wrapper > li {
    width: 33.33%;
}

.quick_link_wrapper > li:nth-last-child(-n+4) {
    margin-bottom: 50px;
}

.quick_link_wrapper > li:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.quick_link_wrapper .title_link {
    font-size: 20px;
}
.page-template-default.content-sidebar .content-sidebar-wrap .breadcrumb, .page-template-default.content-sidebar .content-sidebar-wrap article.page {
    padding-left: 15px;
    padding-right: 15px;
}

.page-template-default.content-sidebar .content-sidebar-wrap .sidebar .widget {
    padding-right: 15px;
}

}

@media only screen and (min-width: 896px) {
	/*.blog.layout-masonry .entry {
		width: 48.62393%;
	}
	.blog.layout-masonry .entry:nth-of-type(3n + 1) {
		margin-left: 2.5641%;
	}
	.blog.layout-masonry .entry:nth-of-type(2n + 1) {
		margin-left: 0;
	}*/
	.sidebar-primary {
		width: 28%;
	}
	.sidebar-primary .widget:first-of-type {
		padding-top: 0;
	}
	.sidebar-primary .widget-title {
		font-size: 16px;
	}
	.sidebar-primary a {
		color:#303236;
	}
	
}

@media (max-width: 767px) { 

.quick_link_wrapper > li {
    width: 50%;
}

.quick_link_wrapper > li:nth-last-child(-n+3) {
    margin-bottom: 50px;
}

.quick_link_wrapper > li:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.one_third {max-width: 100%;flex-basis: 100%;}
.feature_outer .icon-widget {margin-bottom: 50px;}

.feature_outer .icon-widget:last-child {margin-bottom: 0;}

.btn-view-more {
    margin-top: 50px;
}

.front-page-5 h3 {
    font-size: 1.1em;
}

.one_half {
    max-width: 100%;
    flex-basis: 100%;
}
.about_us_outer .Image_wrapper img {
    max-width: 100%;
    margin: 0 auto;
}
.about_us_outer .content_wrapper {
    width: 100%;
    margin-left: 0;
    padding: 30px;
}

.breadcrumb {
    padding: 30px 0 0;
}

.release_outer_repater .release_heading h2 {
    font-size: 24px !important;
}

.release_heading .date {
    font-size: 14px;
}

.sidebar .widget {
    padding: 3vw 3vw;
}

.homepage-email-icon {
    right: 0;
    width: 100%;
    bottom: 0;
    height: 160px;
}



}

@media (max-width: 639px) {
    .release_sub_outer li {
        width: 50%;
    }    
    
    .release_sub_outer li:nth-child(3n+1) {
        clear: none;
    }
    
    .release_outer_repater .release_heading h2 {
        font-size: 22px !important;
    }
    
    .release_sub_outer li a {
        font-size: 16px;
    }

} 


@media (max-width: 479px) {
	.quick_link_wrapper .title_link {
	    font-size: 18px;
	}
	
    .quick_link_wrapper .quick_link .quick_img {
	    padding: 25px;
	}
    
    .release_sub_outer li {width: 100%;}
    
    .page-template-default.content-sidebar .content-sidebar-wrap .breadcrumb, .page-template-default.content-sidebar .content-sidebar-wrap article.page {
        padding-left: 0;
        padding-right: 0;
    }
    .release_outer_repater .release_heading h2 {
        font-size: 20px !important;
    }

}


@media (max-width: 359px) {

	.quick_link_wrapper > li {
	    width: 100%;
	}

	.quick_link_wrapper > li:nth-last-child(-n+2) {
	    margin-bottom: 50px;
	}
	
	.quick_link_wrapper > li:last-child {
	    margin-bottom: 0;
	}
    .sidebar .widget {
        font-size: 1.5rem;
    }

}