/*
 Theme Name:   webbkod
 Theme URI:    http://webbkod.com
 Description:  official webbkod theme
 Author:       Naimesh Rao
 Author URI:   http://naimeshrao.wordpress.com
 Template:     magazinex
 Version:      2.0
*/



/* Webbkod Styles */

/*
font-family: 'Roboto', sans-serif;
*/

*{outline: none;font-family: 'Roboto', sans-serif;}
a {color: #0071F6;}

*::-moz-selection { background: #222; color: #fff;}
*::selection { background: #222; color: #fff;}

/*h1, h2, h3, h4, h5, h6, p, a{-webkit-touch-callout: none;-webkit-user-select: none; 
-khtml-user-select: none; -moz-user-select: none; 
-ms-user-select: none;user-select: none; }*/
body{font-size: 16px;}
body, html{width: 100%;max-width: 100%;padding: 0;margin: 0;overflow-x: hidden;}
p{font-weight: 400;}

* html .clearfix { height: 1%; }
.clearfix { display: block; }

a{text-decoration: none;}

ul{padding: 0;}


/*  ===== Csomize Theme =====  */
.mzx-content{padding-top: 20px;}
.mzx-header-1 .mzx-row{padding: 20px 0;}
.post-navigation a{padding: 16px;}
.mzx-site-description{font-size: 14px;}
.mzx-site-title a{color: #6327a5 !important;}

.mzx-page-header{padding-top: 30px;padding-bottom: 10px;}
.mzx-page-header .mzx-page-header-title{margin-right: 15px;}
.mzx-page-header .mzx-page-header-title h1{margin-bottom: 0;}
.mzx-page-header .mzx-container{display: flex;align-items: center;}
.mzx-header .mzx-site-branding{display: inline-block;}

.widget_categories ul li{line-height: normal;padding: 3px 0;margin: 10px 0 0;border:0 !important;}
.widget_recent_entries ul li{line-height: normal;padding: 10px 0;margin: 0;}
.widget_recent_entries ul li:not(:last-child) {border-bottom: 1px solid #b4b8bf;}

.mzx-footer-bar-text{display: block;width: 100%;text-align: center;padding:0px;color: #fff;}

.single-post .mzx-related-posts .entry-meta{padding: 18px 16px 0; font-size: 12px;}
.single-post .mzx-related-posts .mzx-related-posts-header{margin-bottom: 26px;}
.single-post .mzx-related-posts .entry-meta{position: relative;padding: 10px 0 0;}

.site-sidebar .widget_recent_entries ul li a{font-size: 14px;line-height: 20px;height: 20px;
overflow: hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}
.widget_tag_cloud .tagcloud a{font-size: 12px !important;min-width: 45%;background: rgba(0, 0, 0, 0.05);border-radius: 6px;}
.widget_tag_cloud .tagcloud a:hover{background: #ffefff;}
.post-navigation .nav-title-wrap{padding: 0; font-size: 16px;}



/*  ===== Homepage Styles =====  */
.mzx-content{min-height: calc(100vh - 232px);padding: 15px 0 50px;}
.admin-bar .mzx-content{min-height: calc(100vh - 265px);}

.about_sec{width: 700px;max-width: 100%;text-align: center;padding: 40px;background: #fff;border-radius: 20px;
margin: 30px auto;box-shadow: 0 12px 11px rgb(159, 136, 177, 0.2), 0 100px 80px rgb(159, 136, 177, 0.4);}
.about_sec h3{font-size: 26px;line-height: 1.4;margin: 0 0 15px;}
.about_sec p{line-height: 1.5;font-size: 18px;margin: 0;}




/*  ===== Posts =====  */
.single-post .entry-title{color: #222222;background: transparent;text-align: left;padding: 0;margin: 30px 0;
font-size: 35px;font-weight: 700;border-radius: 6px;}
.single-post .post{position: relative;}
.single-post .entry-meta{position: absolute;right: 0;top: 0;margin: 0 !important;padding: 25px 30px;}

/*.single-post .entry-content h3{position: relative;padding-left: 20px;border-left: 5px solid #6327a5;
line-height: 1.3;font-size: 30px;margin-bottom: 30px;font-weight: 700;}*/

.single-post .entry-content h3{position: relative;padding-bottom: 20px;line-height: 1.3;font-size: 24px;
margin-bottom: 30px;font-weight: 700;background: transparent;padding: 15px 0;text-align: left;
border-bottom: 2px dashed #9F88B1;color: #6327a5;}
/*.single-post .entry-content h3 span{display: inline-block;position: relative;}
.single-post .entry-content h3 span:before{content: '';position: absolute;background: rgba(186, 129, 255, 0.25);
width: 90%;height: 14px;bottom: 0;z-index: 0;}*/


.single-post .entry-content h3:not(:first-child){margin-top: 50px;}
.single-post .entry-content h4{font-size: 24px;color: #222222;font-weight: 700;margin:40px 0 15px;}
.single-post .entry-content p{font-size: 18px;line-height: 1.5;}

.single-post code{font-size: 85%;padding: 2px 6px;border-radius: 4px;background: #828995;color: #fff;display: inline-block;line-height: normal;}
.single-post pre{width: 100%;background: #253137;border-radius: 0;border-left: 22px solid #50AF81;
padding: 20px;font-size: 12px;line-height: 1.4;color: #fff; margin: 20px 0 30px;}
.single-post pre code{color: inherit;background: transparent;display: block;}
.single-post pre a{font-weight: 600;color: #3679ff !important;text-decoration: none;}
.single-post pre:before{content: "";}

.single-post .entry-content blockquote{border-left: 5px solid #00AEC8;background-color: #e3fbff;
padding: 16px 20px;margin: 30px 0;}
.single-post .entry-content blockquote ol, .single-post .entry-content blockquote ul
{margin-left: 0;}
.single-post .entry-content iframe{width: 100% !important;display: block !important;margin: 30px 0;}
.single-post .entry-content iframe.codepen{min-height: 400px;}

.single-post .entry-content li{font-size: inherit;line-height: 1.5;}
.single-post .entry-content li:not(:last-child){margin-bottom: 6px;}

.single-post .entry-content ol{margin-bottom: 20px;font-size: 18px;}
.single-post .entry-content li ul, .single-post .entry-content li ol{margin-top: 6px;font-size: 16px;margin-left: 15px;}
.single-post .entry-content li ul li ul, .single-post .entry-content li ol li ol{font-size: 14px;}

.single-post .entry-content ul, .single-post .entry-content ul li{position: relative;}

/* 2nd Lvl */
.single-post .entry-content > ul > li > ul:before
{content: '';background-color: #007663;height: 100%;left: 3px;width: 1px;position: absolute;border-radius: 5px;}
.single-post .entry-content > ul > li > ul > li:before{width: 7px;height: 7px;left: 0;
background: #007663;border-radius: 5px;}

/* 3rd Lvl */
.single-post .entry-content > ul > li > ul > li > ul > li:before
{width: 8px;height: 4px;background: #6327a5;border-radius: 5px;}

/* 4th Lvl */
.single-post .entry-content > ul > li > ul > li > ul > li > ul > li:before
{width: 4px;height: 4px;background-color: #007663;}


.single-post .entry-content ul{margin-bottom: 20px;margin-left: 0;list-style: none;font-size: 18px;}
.single-post .entry-content ul > li{padding-left: 20px;}
.single-post .entry-content ul > li:before{content: '';position: absolute;width: 10px;height: 10px;background: #6327a5;
display: block;left: 0;top: 8px;border-radius: 50%;}


.entry-content .post-password-form{text-align: center;background: #FFF8EE;padding:20px 50px;border-radius: 20px;
border: 1px solid #FFB184;}
.entry-content .post-password-form input[type="submit"]{height: 35px;padding: 0 20px;}
.entry-content .post-password-form p{margin: 30px 0;}

.mzx-highlight-post .post.post-password-required .entry-summary, 
.mzx-highlight-post .post.post-password-required .entry-meta
{opacity: 0.3;}



/*  ===== WP CF 7 =====  */
.wpcf7{padding: 25px;background: #fff;border-radius: 10px;}

.wpcf7 .form-group{margin-bottom: 20px;}
.wpcf7 .form-group .control-label{font-size: 16px;margin-bottom: 3px;}
.wpcf7 .form-group .control-label i{color: red;}

.wpcf7 .wpcf7-form-control-wrap{display: block;}
.wpcf7 .wpcf7-form-control{width: 100%; border-radius: 6px;}
.wpcf7 .wpcf7-text{min-height: 40px;padding: 0 12px;font-size: 16px;}
.wpcf7 .wpcf7-textarea{min-height: 100px;padding: 12px 12px;}
.wpcf7 .wpcf7-file{font-size: 16px;border-radius: 0;}
.wpcf7 .wpcf7-submit{border-radius: 6px;}


/*  ===== WP RL-Gallery =====  */
.rl-basicgrid-gallery{background: #fbfbfb;border-radius: 12px;padding: 10px;}
.rl-gallery-container .rl-gallery .rl-gallery-item{height: 150px;
border: 1px solid #e9ebee;border-radius: 12px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1) !important;}

#swipebox-slider .slide img{max-height: 85%;}
#swipebox-bottom-bar{transform: none !important;bottom: 0;}
#swipebox-close {top: 25px;right: 16px;}





/*  ===== Media Queries =====  */
@media (min-width: 1230px) {
	.mzx-container{
		max-width: 90%;
		width: 1600px;
	}
}


@media (max-width: 575.98px) {

}


@media (max-width: 767.98px) {
	
	.mzx-header-1 .mzx-row {padding: 0;gap: 0;}
	.mzx-header-2 .mzx-container, .mzx-primary-header .mzx-container {padding-top: 6px;padding-bottom: 6px;}
	.mzx-page-header {padding-top: 20px; padding-bottom: 6px;}
	.mzx-page-header .trail-items li {font-size: 11px;}
	
	.hentry { margin-bottom: 20px;}
	
	article.post:first-child{padding: 12px 16px;}
	.single-post .entry-meta {position: relative;padding: 5px 0;font-size: 11px;}
	
.single-post .entry-content .alignright, 
.single-post .entry-content .alignleft{float: none;margin-left: 0;margin-right: 0;}

	.single-post .entry-content h3{margin-bottom: 20px;padding: 12px 0;font-size: 20px;}
	.single-post .entry-content h3:not(:first-child){margin-top: 30px;}
	
	.single-post .entry-title{margin: 16px 0;font-size: 24px;}
	
	.single-post .entry-content li{font-size: 14px;line-height: 1.3;}
	.single-post .entry-content ul {font-size: 14px;}
	.single-post .entry-content ul > li {padding-left: 16px;}
	.single-post .entry-content ul > li::before { width: 8px; height: 8px;top: 6px;}
	.single-post .entry-content li ul, .single-post .entry-content li ol {font-size: 14px; margin-left: 0px;}


/*  ===== WP RL-Gallery =====  */
.rl-gallery-container .rl-gallery .rl-gallery-item{height: 80px;width: calc(50% - 6px);}

/*  ===== Table =====  */
.table {font-size: 12px;}
.table th.col-md{min-width: 80px;}

  
}


@media (max-width: 991.98px) {

}


@media (max-width: 1199.98px) {

}


@media (max-width: 1399.98px) {

}

/* Developer: N a i m e s h R a o */