/*** TCL SPECIFIC ***/
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 400;
	src: local('IBM Plex Sans'), local('IBMPlexSans'),
		 url('/wp-content/themes/thecodinglove/fonts/ibm-plex-sans-v7-latin-regular.woff2') format('woff2'),
		 url('/wp-content/themes/thecodinglove/fonts/ibm-plex-sans-v7-latin-regular.woff') format('woff');
	font-display: swap;
}
@font-face {
	font-family: 'IBM Plex Sans';
	font-style: normal;
	font-weight: 500;
	src: local('IBM Plex Sans Medium'), local('IBMPlexSans-Medium'),
			url('/wp-content/themes/thecodinglove/fonts/ibm-plex-sans-v7-latin-500.woff2') format('woff2'),
			url('/wp-content/themes/thecodinglove/fonts/ibm-plex-sans-v7-latin-500.woff') format('woff');
	font-display: swap;
}
/*** END TCL-SPECIFIC ***/

h1, .sidebar-header, .sidebar-btn, .sidebar-featured, .submit-post-btn, .nav-btn, .search-input, .nav-link, .random-block {
	font-family: 'IBM Plex Sans', Verdana, Geneva, Tahoma, sans-serif;
}

/***** MAIN *****/
* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body { background-color: #edeff1; }
main { margin-top: 20px; }
button:focus { outline: 0 !important; }
.infeed-content { margin-bottom: 10px; }

.infeed_ad { width:100%; margin-bottom: 15px;}

.footer_ad {
	width:100%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.header_ad {
	text-align:center;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

.navigation { margin-top:20px; }

.next-icon, .previous-icon {
	height: 1em; width: auto;
	vertical-align: -10%;
	/*display: inline-flex;
    align-self: center;
    top: .2em;
    position: relative;*/
}
.next-icon{margin-left: 3px;}
.previous-icon {margin-right: 3px;}

.next-posts-btn {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.next-posts-btn:hover, .next-posts-btn:focus {
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.prev-posts-btn {
	background-color: #fff;
	border-color: #000;
	color: #000;
}

.prev-posts-btn:hover, .prev-posts-btn:focus {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.cd-home-btn {
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
	width: 200px;
	height: 46px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: 600;
	font-size: 16px;
	
	background-color: #2b62d3;
	border-color: #2b62d3;
	color: #fff;
}

.cd-home-btn:hover,
.cd-home-btn:focus {
	background-color: #0345a8;
	border-color: #0345a8;
}

.mobile-ad { display: none; }
/*** END MAIN ***/

/***** NAVBAR *****/
.navbar { 
	background-color: #fff;
	border-bottom: 1px solid #edeff1;
	padding-top: 3px;
	padding-bottom: 3px;
}

.brand-name {
	margin-left: 5px;
	margin-top: -5px;
	width:300px;
}

.navbar-brand:hover .brand-name { opacity: 0.80; }

.custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }
.custom-toggler.navbar-toggler { border: none; }

.navbar-brand,
.tagline,
.navbar-nav li a {
	line-height: 60px;
	height: 60px;
	padding-top: 0;
}

.nav-link {
	font-size: 16px;
	font-weight: 500;
}

.nav-item { border-radius: 5px; margin-right:10px; padding-left:5px; padding-right: 5px;}
.nav-item:hover { background-color: #f6f7f8; }

a.nav-link:link { color: #848484!important; text-decoration: none; }
a.nav-link:visited { color: #848484!important; text-decoration: none; }
a.nav-link:hover { color: #000!important; text-decoration: none; } 
a.nav-link:active { color: #000!important; text-decoration: none; }

.nav-link-icon {
	height: 1.33em;
	width: auto;
	vertical-align: -10%;
	margin-right: 3px;
}

/* input type search: clears the 'X' from IE */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* Submit Post Button */
.submit-post-btn, .submit-post-btn-disabled {
	height: 46px;
	margin-left:10px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: 500;
	font-size: 16px;
	
	background-color: #2b62d3;
	border-color: #2b62d3;
	color: #fff;
}

.search-icon, .submit-icon {
	height: 1.33em;
	width: auto;
	vertical-align: -20%;
}

.submit-icon {
	margin-right: 3px;
	-webkit-transition: 0.2s ease-out;
	-moz-transition:  0.2s ease-out;
	transition:  0.2s ease-out;
}

.submit-post-btn:hover .submit-icon {
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.submit-post-btn:hover, .submit-post-btn:focus { 
	background-color: #0345a8;
	border-color: #0345a8;
	color: #fff;
}

.submit-post-btn-disabled:hover, .submit-post-btn-disabled:focus { 
	background-color: #2b62d3;
	border-color: #2b62d3;
	color: #fff;
}

/* Search Input */
.search-input {
	color: #000;
	width: 300px!important;
	height: 46px;
	font-size: 16px;
	background-color: #f6f7f8;
	border-color: #ccc;
	border-right: none;
	box-shadow:none;
}

.search-input:focus {
	background-color: #f6f7f8;
	border-color: #ccc;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: -webkit-focus-ring-color auto 0px;
}

.search-btn {
	height:46px;
	background-color: #f6f7f8;
	border-color: #ccc;
	border-left: none;
	color: #6c757d;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.search-btn:hover {
	border-color: #ccc;
	background-color: #f6f7f8;
	color: #6c757d;
}
.search-btn:focus {
	border-color: #ccc;
	background-color: #f6f7f8;
	color: #6c757d;
	box-shadow: none;
	-webkit-box-shadow: none;
	outline: -webkit-focus-ring-color auto 0px;
}
/*** END NAVBAR ***/

/*** INDEX ***/

.promote-mobile {
	font-family: 'IBM Plex Sans', Verdana, Geneva, Tahoma, sans-serif;
	font-size: 16px;
	color: #fff;
	padding:20px;
	border-radius: 5px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	display: none;
}

.promote-mobile-fb {
	background: rgb(40,96,216);
	background: linear-gradient(180deg, rgba(40,96,216,1) 0%, rgba(83,171,244,1) 100%);
}

.promote-mobile-header {
	font-weight: 500;
	font-size: 24px;
	margin-bottom:0px;
}

.promote-mobile-text {
	width:100%;
	margin-bottom:10px;
}

.promote-mobile-fb-btn {
	width:100%;
	background-color: #fff;
	border-color: #fff;
	color: rgba(40,96,216,1);
	box-shadow: 0 2px 4px rgba(0,0,0,0.09), 0 3px 6px rgba(0,0,0,0.09);
}
.promote-mobile-fb-btn:hover,
.promote-mobile-fb-btn:focus, 
.promote-mobile-fb-btn:active {
	color:#0050c2;
}


/*** END INDEX ***/

/***** BLOG POST *****/
.blog-post {
	background-color: #fff;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}

.blog-post-content a { color: #2b62d3; text-decoration: underline;}
.blog-post-content a:visited { color: #2b62d3; text-decoration: underline;}
.blog-post-content a:hover { color: #0345a8; text-decoration: underline;}
.blog-post-content a:active { color: #0345a8; text-decoration: underline;}

.index-blog-post-title, .single-blog-post-title {
	font-size: 24px;
}

.index-blog-post-title { color: #373c3f; }
.index-blog-post-title a:link { color: #373c3f; text-decoration: none;}
.index-blog-post-title a:visited { color: #636363; text-decoration: none;}
.index-blog-post-title a:hover, .index-blog-post-title a:active { color: #2b62d3; text-decoration: none; }

.single-blog-post-title { color : #000; }

/*
.index-blog-post:hover {
	cursor: pointer;
	border-color: #898989;
}
*/

.post-meta-info {
	font-size: 12px;
	margin-bottom: 10px;
	color: #787c7e;
}

.post-meta-info a:link {color: #24292e;text-decoration: none;}
.post-meta-info a:visited {color: #24292e;text-decoration: none;}
.post-meta-info a:hover {color: #24292e;text-decoration: underline;}
.post-meta-info a:active {color: #24292e;text-decoration: underline;}

.post-author {
	font-weight:500;
}

.octicon-svg {
	fill: currentColor;
	vertical-align: -20%;
}

.content-single .blog-post-title { font-size: 26px; }

h2 {
	font-size: 18px;
	color: #333;
}

b { font-weight: 600; }

.content-single h2 { font-size: 20px; }

.blog-post-content > p img,
.blog-post-content > p video,
.blog-post-content > video {
	width: 500px;
	max-width: 100%;
	height: auto;
}
.full_w_img { width: 100%!important;}

.social-share a:link { text-decoration: none; }
.social-share a:visited { text-decoration: none; }
.social-share a:hover { text-decoration: none; } 
.social-share a:active { text-decoration: none; }

.nav-btn { 
	height: 46px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: 500;
	font-size: 16px;
	padding-top: 9px;
}

.nav-index { margin-top:20px; margin-bottom:20px; height:55px;}
.nav-single { height: 55px; }
.nav-single-bottom { margin-top:30px; }

/* Sticky Posts */
.sticky-icon { color:#d3001c;width:0.7em;height:auto;vertical-align:-10%;} 
.sticky-post { border-color: #212529; }

/* Sharing Buttons */
.social-btn{padding-right: 5px;}

.share-fb-btn,
.share-twitter-btn,
.share-email-btn,
.share-link-btn,
.jobs-btn,
.jobs-btn2 {
	padding-right: 20px;
	padding-left: 20px;
	font-size: 14px;
	border-radius: 3px;
}

.share-fb-btn,
.share-twitter-btn,
.share-email-btn,
.share-fb-btn:hover,
.share-twitter-btn:hover,
.share-email-btn:hover,
.share-fb-btn:focus,
.share-twitter-btn:focus,
.share-email-btn:focus { color: #fff; }

.share-fb-btn {
	background-color: #1877f2;
	border-color: #1877f2;
}

.share-fb-btn:hover,
.share-fb-btn:focus {
	background-color: #0063ef;
	border-color: #0063ef;
}

.share-twitter-btn {
	background-color: #1da1f2;
	border-color: #1da1f2;
}
.share-twitter-btn:hover,
.share-twitter-btn:focus {
	background-color: #006dbf;
	border-color: #006dbf;
}

.share-email-btn {
	background-color: #727272;
	border-color: #727272;
}
.share-email-btn:hover,
.share-email-btn:focus {
	background-color: #505050;
	border-color: #505050;
}

.share-link-btn,
.share-link-btn:hover {
	background-color: #eaecef;
	border-color: #eaecef;
	color: #707070;
}

.share-link-btn:focus {
	color: #2b62d3;
}

.share-link-btn {
	opacity: 1;
	transition: opacity .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
}

.share-link-btn:hover { opacity: 0.9; }

.sharing-btn-icon {
	height: 1.5em;
	width: auto;
	vertical-align: -25%;
	padding-right: 3px;
}

.random-row{width:100%;display:flex;}
.random-block{flex:1;font-size:18px;}
.random-block h2{font-size:24px;color:#373c3f;}
.mono{font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;}

.rand-btn {
	width: 100%;height:100%;
	background-color: #a074c4;
	border-bottom:4px solid #6f5187;
	color: #fff;
	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
	font-size: 20px;
}

.rand-btn:hover, .rand-btn:focus, .rand-btn:active {color:#fff;}

.rand-btn:focus, .rand-btn:active {
	border-bottom:none;
}

.rand-btn-icon {
	-webkit-transition: 0.2s ease-out;
	-moz-transition:  0.2s ease-out;
	transition:  0.2s ease-out;
}

.rand-btn:hover .rand-btn-icon {
	-webkit-transform: rotateZ(70deg);
	-moz-transform: rotateZ(70deg);
	transform: rotateZ(70deg);
}

/* End Sharing Buttons */

/* Sponsored Posts */
.badge-sponsored {
	color: #fff!important;
	font-weight: 400;
	background-color: #8c98a5;
	margin-bottom: 10px;
}
/*** END BLOG POST ***/

/***** RANDOM POSTS *****/
.more-posts-header {
	font-family: 'IBM Plex Sans', Verdana, Geneva, Tahoma, sans-serif;
	font-size:24px;
	font-weight:500;
	margin-bottom:10px;
	text-align:center;
	border-bottom: 1px solid #000; 
   	line-height: 0.1em;
   	margin: 30px 0 30px;
}
.more-posts-header-txt {background:#edeff1; padding:0 10px;}

.more-posts-row {
	margin-bottom: 15px;
}

.post-preview {
	margin-bottom: 20px;
}

.preview-thumbnail {
	width:100%;
	border-radius:5px;
	position:relative;
}

.preview-title {
	position: absolute;
	bottom: 5px;
	padding-left: 10px;
	width: 80%;
	color:#fff;
	font-family: 'IBM Plex Sans', Verdana, Geneva, Tahoma, sans-serif;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}

.post-preview:hover .preview-thumbnail {
	opacity: 0.8;
}
/*** END RANDOM POSTS ***/

/***** SIDEBAR *****/
.sticky-sidebar {
	position: -webkit-sticky;
	position: sticky;
	top: 80px;
}

.sidebar-block {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 15px;
}

.sidebar-ad {
	margin-bottom: 15px;
}

.sidebar-footer-links {
	font-size: 12px!important;
	text-align: center;
}

.sidebar-header {
	padding: 10px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.sidebar-header-facebook{background-color: #1877F2;}
.sidebar-header-twitter {background-color: #1DA1F2;}
.sidebar-header-discord {background-color: #7289DA;}
.sidebar-header-featured {background-color: #000;}

 .sidebar-block-inset {
	padding: 10px;
	font-size: 16px;
}

.sidebar-btn{width:100%;height:40px;color:#fff;font-weight: 500;}
.sidebar-btn:hover, .sidebar-btn:focus, .sidebar-btn:active {color:#fff;}
.sidebar-btn-facebook{background-color:#1877F2;}
.sidebar-btn-twitter {background-color:#1DA1F2;}
.sidebar-btn-discord {background-color:#7289DA;}

.sidebar-block-featured {padding-bottom:0px!important;}

.sidebar-featured {
	font-weight: 500;
	margin-bottom: 10px;
}

.sidebar-featured:hover {
	background-color: #f6f7f8;
}

.sidebar-block-featured a:link, .sidebar-block-featured a:active { color: #373c3f; text-decoration: none;}
.sidebar-block-featured a:hover { color: #000; text-decoration: none;}
.sidebar-block-featured a:visited { color: #636363; text-decoration: none;}

.sidebar-featured{width:100%;display:flex;}

.featured-thumbnail img {
	width: 80px;
}

.featured-title {
	padding-left: 10px;
	align-items: center
}

.blog-footer {
	margin-top: 20px;
	padding: 20px 0;
	color: #212529;
	font-size: 11px;
	text-align: center;
	background-color: #fff;
	border-top: 1px solid #d5d8da;
}

.blog-footer p:last-child {
	margin-bottom: 0;
}
/*** END SIDEBAR ***/

/***** SIDEBAR FOOTER *****/
.footer-link-inside {margin-right:10px;}

.sidebar-footer-links a:link {color: #212529;text-decoration: none;}
.sidebar-footer-links a:visited {color: #212529;text-decoration: none;}
.sidebar-footer-links a:hover {color: #212529;text-decoration: underline;}
.sidebar-footer-links a:active {color: #212529;text-decoration: underline;}

.footer-credits {
	margin-top:10px;
	margin-bottom:0px;
	color: #212529;
	font-size:10px;
}
/***** END SIDEBAR FOOTER *****/


/***** #FOOTER *****/

.footer-links-spaced { margin-right: 20px; }

/***** END #FOOTER *****/

/***** SUBMIT POST PAGE *****/
.submit-form label { font-weight: 500; }
.requiredAsterisk { color: #dd2022; }
.submit-buttons { margin-top: 20px; }
.submit-buttons button { width: 100%; }

.modal-icon {
	height: 1em;
	width: auto;
	vertical-align: -11%;
	margin-left: 3px;
}

.submit-form-btn {
	height: 46px;
	font-weight: 500;
	font-size: 16px;
}

.submit-and-another-btn {
	background-color: #2b62d3;
	border-color: #2b62d3;
	color: #fff;
}

.submit-and-another-btn:hover {
	background-color: #0345a8;
	border-color: #0345a8;
	color: #fff;
}

.submit-back-home-btn {
	margin-top: 20px;
	color: #333;
}

.submit-back-home-modal-btn { color: #333; }

.submission-guidelines {
	margin-top: 30px;
	font-size: 12px;
}

.submission-guidelines h5 { font-size: 14px; }
/*** END SUBMIT POST PAGE ***/

/***** SEARCH RESULTS *****/
.results-return {
	font-size: 22px;
	border: none;
}

.search-text { font-weight: 600; }

.jumbo-search {
	background-color: #1e1e1e;
	color: #fff;

	position:relative;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.jumbo-search:before,
.jumbo-search:after {
	content:"";
	position:absolute;
	z-index:-1;
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
	box-shadow:0 0 20px rgba(0,0,0,0.8);
	top:0;
	bottom:0;
	left:10px;
	right:10px;
	-moz-border-radius:100px / 10px;
	border-radius:100px / 10px;
}

.jumbo-search:after {
	right:10px;
	left:auto;
	-webkit-transform:skew(8deg) rotate(3deg);
	-moz-transform:skew(8deg) rotate(3deg);
	-ms-transform:skew(8deg) rotate(3deg);
	-o-transform:skew(8deg) rotate(3deg);
	transform:skew(8deg) rotate(3deg);
}
/*** END SEARCH RESULTS ***/

/***** MEDIA *****/
@media (max-width: 1600px) {
	.tagline { display: none; }
}

@media (max-width: 1200px) {
	.input-group { width : 100%!important; margin-bottom:0px; }
	.submit-post-btn,
	.submit-post-btn-disabled {
		margin-left:0px;
		width: 100%;
	}
	.navbar-collapse { padding-bottom: 10px; }
	.search-form { margin-bottom: 10px; }

	.nav-item {
		margin-right: 0px;
		margin-bottom: 10px;
		background-color: #f6f7f8;
		text-align: center;
	}

	a.nav-link:link { color: #000!important; text-decoration: none; }
	a.nav-link:visited { color: #000!important; text-decoration: none; }
}

@media (max-width: 1050px) {
	.sidebar,
	.share-email-btn,
	.share-link-btn { display: none; }
	.container { width: 100%; }
	.blog-main {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-brand img { 
		width:40px;
		margin-top: 10px;
	}
	
	.brand-name{width: 250px;}
	
	.random-row{display:inline;text-align:center;}
	.rand-btn {margin-top:10px;height:56px;font-size:18px;}
}

@media (max-width: 800px) {
	.container { width: 100%; }
	.mobile-ad, .promote-mobile { display: block; width:100%; margin-top: 10px; margin-bottom: 30px; text-align:center; }
	.header_ad { padding-left: 0px; padding-right: 0px; }
	/*.header_ad{display:none;}*/
	.nav-index { margin-left: 10px; margin-right: 10px; }

	.more-posts-row {
		margin-right: 0;
		margin-left: 0;
	}
}

@media (max-width: 500px) { .navbar-brand { font-size: 14px; } }
/*** END MEDIA ***/

/*** TCL-SPECIFIC ***/
.nav-btn { 
	width: 125px;
}