/*!
 * 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 */


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;
}

/* Feature Icon Section */

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

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





/* Quick Link */
#custom_html-7 {
    padding: 0;
}

.quick_link_wrapper > li {
    width: 25%;
    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%);
}

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

@media (max-width: 1199px) {
.foot_social_icon > 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 (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;
}



}

@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;
    }

}