/*







Theme Name: 3cs







Theme URI: https://www.computershopsinbradford.co.uk/







Author: 3cs







Author URI: https://www.computershopsinbradford.co.uk/







Description: Our 2021 3cs theme is clean, blog-focused, and designed for clarity. regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.







Version: 5.0







License: later







Text Domain: 3cs











*/











@font-face {

	font-family: 'Roboto Condensed';

	src: url('fonts/RobotoCondensed-Regular.ttf');

}

body {

	font-family: 'Roboto Condensed', sans-serif;

}

a {

	color: #0e76bc;

	cursor: pointer;

}

a:hover {

	color: #1E3851;

}

b, dt, strong {

	font-weight: 700;

}

.comment-content h4, .entry-content h4, .entry-summary h4, .page-content h4 {

	margin-top: 18px;

	margin-bottom: 18px;

}

.header, footer, section {

	float: left;

	width: 100%;

}

article, aside, details, figcaption, figure, footer, header, main, nav, section {

	display: block;

}

li {

	list-style: none;

}

a, abbr, acronym, address, applet, big, blockquote, body, caption, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, iframe, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var {

	border: 0;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline;

}

/* Header style here */



ul.left-top.top-links {

	margin-top: 3px;

}

.header-top, .nst-lside .sidebar-toggle, .nst-lside .sidebar-top, .secondary > div > aside:first-child h2.widget-title {

	background: #1E3851;

}

.logo img {

	margin-bottom: 0;

}

.header-top {

	padding: 3px 0;

	display: inline-block;

	width: 100%;

}

.navbar-nav {

	float: left;

	margin: 0;

}

.header .top-head a {

	transition: all .3s ease 0s;

	color: #fff;

	font-size: 14px;

	padding: 6px 2px;

	margin-right: 5px;

}


.social {

	float: right;

	margin-right: 20px;

}


.widget-area aside li.cat-item:hover a {

	color: #fff;

}

.footer ul li.cat-item:hover::before, .footer .widget_categories li a:hover, .footer .widget_categories li:hover a {

	color: #1E3851;

}

.tagcloud a:hover {

	background: #fff;

	border-color: #fff;

	color: #444;

}

.nst-lside .top-head li a i {

	color: #222;

	font-size: 19px;

	text-shadow: 0 0 0 #000;

	transition: 0.5s all;

}

.nst-lside .top-head li a:hover i {

	color: #fff;

}

.nst-lside .top-head {

	margin-left: 16px;

	margin-top: 5px;

}

.nst-lside .top-head li {

	margin-right: 16px;

}

.social a {

	position: relative;

	z-index: 1;

}

.widget_archive ul li::before, .widget_recent_entries ul li::before, .post-hover:hover .post-title a, a {

	color: #3f7e80;

}

.modal-header .close:hover, .social a::before {

	background: #3f7e80;

}

.social a::before {

	display: block;

	height: 0;

	left: 0;

	position: absolute;

	right: 0;

	top: -10px;

	transition: all .4s ease 0s;

	width: 100%;

	z-index: -1;

}

.social a:hover::before {

	height: 41px;

}

.social a i:hover {

	transform: rotate(15deg);

}

.footer .widget-title::after, .post-comments > span::before, .social a::before, nav.no-bg .top-links a::before {

	content: "";

}

.social a i {

	border-radius: 50%;

	color: #fff;

	padding: 7px 8px;

	font-size: 17px;

}

.header nav.no-bg, .header-bottom, .header-middle {

	float: left;

	width: 100%;

}

.logo {

	padding: 10px 0 0px;



}

embed, iframe, img, object, video {

	vertical-align: middle;

	max-width: 100%;

	height: auto;

}

.widget_text.adds {

	text-align: center;

}

.header-middle .col-sm-6 > div:nth-child(2) {

	display: none;

}

.hire-me {

	text-align: right;

}

.header-middle .hire-me a {

	padding: 16px 20px;

	margin: 25px auto 0;

	display: inline-block;

	text-align: center;

	color: #fff;

	border-radius: 4px;

	font-size: 20px;

}

.header-middle .hire-me a.lets:hover {

	color: #fff;

	background: #1E3851;

}

.single-post article .coffe-cup img:hover {

	opacity: 0.87;

}

.search input:focus {

	outline: 0;

}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {

	background-color: #1E3851;

}

a.lets span {

	display: block;

	font-size: 11px;

}

.left-top.top-links li {

	margin-right: 10px;

}

.header-bottom, .hire-me a.lets, .secondary .widget h2.widget-title {

	background: #3f7e80;

}

.header-bottom {

	margin: 10px 0;

}

.header nav.no-bg {

	padding: 0;

}

.header-bottom .navbar-collapse {

	float: left;

	max-width: 75%;

}

nav.no-bg .main-links a {

	color: #111;

	font-size: 17px;

	text-transform: uppercase;

	padding: 19px 17px 20px;

}

nav.no-bg .main-links li.current-menu-item a::before {

	height: 100%;

}

nav.no-bg .main-links a::before {

	background: #498486;

}

nav.no-bg .main-links a::before {

	background: #888;

	bottom: 0;

	color: #fff;

	height: 0;

	left: 0;

	position: absolute;

	top: 0;

	transition: all .5s ease 0s;

	width: 100%;

	z-index: -1;

}

.header-bottom .search {

	float: right;

	position: relative;

	width: 22%;

}

.search > form {

	margin: 7px 0;

}

.header-bottom .search input {

	background: #fff;

	border-radius: 50px;

	padding: 11px 20px;

	font-size: 16px;

	color: #606060;

	border: 0;

	width: 100%;

}

.search #searchsubmit {

	right: 10px;

	top: 15px;

	background: rgba(0,0,0,0);

	border: 0;

	padding: 5px;

	position: absolute;

	width: 29px;

	border-radius: 50px;

	font-size: 16px;

	color: #606060;

}



.top-links li, .main-links li {

	position: relative;

	display: block;

	float: left;

}

ul.top-links, ul.main-links {

	float: left;

	margin-bottom: 0;

	padding-left: 0;

}

/* Header End here */



.ad-botm {

	width: 100%;

	display: inline-block;

	margin: 10px 0;

}



.secondary > div > aside:first-child h2.widget-title, .sidebar-top > p {

	font-size: 30px;

}

.sidebar-top p {

	color: rgba(255,255,255,.8);

	float: left;

	font-weight: 600;

	line-height: 24px;

	margin-bottom: 0;

	padding: 3px 0;

}

.secondary > div > aside:first-child h2.widget-title {

	color: rgba(255,255,255,.9);

	float: left;

	font-weight: 600;

	font-size: 24px;

	text-align: center;

	padding-bottom: 14px;

	padding-top: 14px;

}

form.mc4wp-form input:not(.btn) {

	padding: 9px;

	border-radius: 2px;

	width: 100%;

	border: 1px solid #eee;

}

.social-links .social-tooltip {

	color: rgba(255,255,255,.7);

	display: inline;

	font-size: 24px;

	position: relative;

	z-index: 98;

}

.social-links li {

	display: inline-block;

	font-size: 0;

	line-height: 16px;

	margin-left: 8px;

}

.social-links {

	margin-bottom: 0;

	padding-top: 2px;

	position: relative;

}

.post-list .post-row {

	border-bottom: 1px solid #eee;

	float: left;

	margin-bottom: 30px;

	margin-left: 0;

	padding-left: 0;

	position: relative;

	width: 100%;

}

.post-list .page, .post-list .post {

	padding: 0 5px 6px;

}

.post-thumbnail {

	transition: all 1s ease 0s;

	width: 100%;

	margin-bottom: 1em;

	position: relative;

}

.ico-lk {

	background: rgba(59,141,189,.4);

	top: 0;

	transform: scale(0);

	width: 100%;

	z-index: 1;

}

.ico-lk, .ico-lk .fa.fa-link {

	transition: all .5s ease 0s;

	position: absolute;

}

.ico-lk, .popupimg {

	bottom: 0;

	text-align: center;

}

.ico-lk .fa.fa-link {

	color: #fff;

	font-size: 19px;

	top: 47%;

	transform: rotate(-40deg);

	vertical-align: middle;

}

.post-thumbnail img {

	display: block;

	height: auto;

	width: 100%;

	margin: 0 auto;

}

.post-comments, .widget-area aside li.cat-item:hover {

	background: #EF5555;

}

.post-comments {

	box-shadow: -1px 0 1px rgba(0,0,0,.2) inset;

	color: #fff;

	display: block;

	font-size: 12px;

	line-height: 20px;

	position: absolute;

	right: 0;

	top: 10px;

}

.post-comments > span {

	display: block;

	padding: 2px 7px;

	position: relative;

}

.post-comments > span::before {

	border-color: transparent #EF5555 transparent transparent;

	border-style: solid;

	border-width: 9px;

	display: inline-block;

	left: -16px;

	position: absolute;

	top: 3px;

}

.post-comments i {

	margin-right: 3px;

}

.post-meta {

	color: #bbb;

	font-size: 14px;

	font-weight: 400;

	margin-bottom: .3em;

}

.post-meta .post-category {

	float: left;

	margin-right: 6px;

}

.post-meta .post-date {

	float: left;

}

.post-meta p {

	margin-bottom: 0;

}

h2.post-title {

	height: 60px;

	overflow: hidden;

	color: #444;

	font-size: 22px;

	font-weight: 400;

	line-height: 1.5em;

	margin-bottom: 10px;

	word-wrap: break-word;

	float: left;

}

.post-hover:hover .post-thumbnail {

	opacity: .75;

}

.post .post-hover:hover .ico-lk {

	transform: scale(1);

}

.post .post-hover:hover .ico-lk i {

	transform: rotate(95deg);

}

.post-title a {

	color: #444;

	line-height: 1.5;

	display: inline-block;

}

.post-category a {

	font-size: 14px;

	text-transform: uppercase;

}

.category .post-title a {

	color: #222;

}

code {

	background: #ccc;

	float: left;

	padding: 20px 15px;

	width: 100%;

}

.entry.excerpt {

	color: #777;

	font-size: 18px;

	display: inline-block;

	width: 100%;

}

.post-meta .post-date {

	float: left;

	font-size: 15px;

	margin-top: 5px;

}

p {

	margin-bottom: 15px;

	font-size: 19px;

}

.secondary div > aside:first-child {

	padding: 0;

}

.populr-post {

	display: inline-block;

}

.populr-post li {

	width: 100%;

}

.populr-post li h4 {

	font-size: 18px;

	margin-bottom: 4px;

}

.populr-post li h4 a {

	color: #efefef;

	display: block;

}

.populr-post li:hover h4 a {

	color: #50C050;

}

.populr-post li p {

	margin-bottom: 13px;

	color: #50C050;

	font-size: 16px;

	font-weight: 600;

}

.populr-post li:hover p {

	color: #efefef;

}

a.yout.btn {

	background: #1E3851;

	width: 100%;

	font-size: 18px;

	color: #fff;

	border-radius: 0;

}

a.yout.btn:hover {

	background: #3f7e80;

}

.sidebar-top {

	padding: 15px 30px;

	float: left;

	width: 100%;

}

.secondary .widget h2.widget-title {

	margin-bottom: 13px;

	padding: 15px 30px;

	width: 100%;

}

form.mc4wp-form {

	margin: 0 auto;

	max-width: 88%;

}

p.notif {

	color: #cfcfcf;

	font-size: 15px;

	margin-bottom: 8px;

}

.mc4wp-form-fields input[type="text"] {

	margin-bottom: 8px;

}

form input.btn.full {

	background: #1E3851;

	width: 100%;

	padding: 9px 0;

	font-size: 19px;

	text-transform: uppercase;

	color: #fff;

}

form.mc4wp-form input:not(.btn) {

	padding: 9px;

	border-radius: 2px;

	width: 100%;

	border: 1px solid #eee;

}

.secondary .widget li a {

	display: inline-block;

}

.nst-tab .tab-item-title a, .secondary .widget li a {

	color: #1E3851;

}

.secondary .widget li a:hover {

	text-shadow: 0 0px 0px #222;

	color: #EF5555;

}

.widget_archive ul li:hover:before, .widget_recent_entries ul li:hover:before {

	color: #EF5555;

}

.populr-post li:hover:before {

	color: #fff;

}

a, a:active, a:focus, a:hover {

	text-decoration: none;

}

.widget_archive ul li::before, .widget_recent_entries ul li::before, .populr-post li:before {

	content: "\f105";

	font-size: 16px;

	font-weight: 500;

	left: 0;

	padding: 5px;

	position: absolute;

	top: 0;

}

.widget > div > ul li a::before, .widget > ul li a::before, .widget > ul li::before, .widget_calendar caption::before, .populr-post li:before {

	display: inline-block !important;

	font-family: "Font Awesome 5 Free";

	margin-right: 6px;

	text-align: center;

	width: 10px;

}

.populr-post li::before {

	color: #50C050;

}

.secondary .widget_archive ul {

	height: 147px;

	overflow: auto;

}

.secondary .widget_categories ul {

	max-height: 298px;

}

.widget-area aside li.cat-item {

	border: 1px solid #ccc;

	display: inline-block;

	overflow: hidden;

	padding: 5px 7px;

	text-transform: capitalize;

	width: auto;

}

.widget_categories a {

	padding: 2px 0;

}

.widget_categories a, .widget_categories li {

	font-size: 14px;

	transition: all .3s ease 0s;

}


.nst-lside {

	padding: 0;

}

/* Footer style start */











.footer-top {

	display: block;

	float: left;

	padding: 40px 0;

	width: 100%;

	margin-top: 20px;

}



.footer .widget-title {
	font-size: 27px;
	font-weight: 700;
	color: #1E3851;
	padding: 10px 0px 14px;
	
	margin-bottom: 14px;
	border-radius: 0;
}

.footer p {

	font-size: 18px;

	color: #efefef;

}

.footer .widget_categories li {

	font-weight: 600;

	position: relative;

	padding-left: 23px;

	padding-top: 6px;

	padding-bottom: 6px;

}

.widget-title, .widget_calendar caption {

	letter-spacing: .04em;	

}
.widget_calendar caption {	

	text-transform: uppercase;

}
.widget_categories ul {

	max-height: 258px;

	overflow: hidden;

}

.post-row .page-numbers {

	margin-right: 7px;

	font-size: 21px;

}

.footer .widget_categories a {

	padding: 2px 0;

	font-size: 16px;

	color: #fff;

}

.footer ul li.cat-item::before {

	content: "\f07c";

	color: #fff;

	position: absolute;

	left: 0;

	font-family: "Font Awesome 5 Free";

	font-size: 16px;

}

.widget_categories li {

	border: 0;

	display: inline-block;

	width: 49%;

	color: #1E3851;

}

.tagcloud {

	padding-top: 8px;

}

.tagcloud a {

	border: 1px solid #ccc;

	display: inline-block;

	font-size: 15px !important;

	margin-bottom: 5px;

	padding: 6px 7px;

	transition: all .5s ease 0s;

	color: #efefef;

}

.comment-author a.url, .comment-content > p, .footer a {

	text-transform: capitalize;

}

.comments-title, .footer a {

	font-weight: 500;

}

.widget {

	padding: 0 5%;

	margin-bottom: 17px;

}

#footer-bottom {

	background: #222 none repeat scroll 0 0;

	border-top: 1px solid;

	padding: 10px 0;

}

#footer-copyright {

	text-align: center;

	padding: 6px;

}

.widget.copyr {

	color: #fff;

	display: block;

	margin: 0;

	font-size: 14px;

	text-align: center;

}

.footer .widget_tag_cloud {

	max-height: 347px;

	overflow: hidden;

}



#backtotop {

	background: #1E3851;

	position: fixed;

	bottom: 7px;

	left: 13px;

	z-index: 999;

	text-align: center;

	padding: 9px 16px;

	border-radius: 50px;

	cursor: pointer;

	display: none;

}

#backtotop:hover {

	background: #50C050;

}

#backtotop i {

	transform: rotate(90deg);

	color: #fff;

	font-size: 21px;

}

.newslettr {

	padding: 0;

	margin-bottom: 0;

	text-align: center;

	width: 100%;

}



.newslettr > div > * {

	display: inline-block;

	color: #FFF;

	font-size: 32px;

}

.newslettr a.lets {

	margin-left: 12px;

	border: 0;

	color: #fff;

	margin-right: 12px;

	background: #1E3851;

	padding: 13px 21px;

	font-size: 21px;

	border-radius: 2px;

	transition: 0.5s all;

}

.post-row .page-numbers:hover {

	color: #1E3851;

}

/* Footer end here */











.secondary .widget h2.widget-title {

	font-size: 20px;

	line-height: 1.3;

	color: #fff;

	padding: 11px;

	margin-bottom: 22px;

}

.secondary .widget_archive ul li, .secondary .widget_recent_entries ul li, .populr-post li {

	margin: 0;

	padding-left: 20px;

	position: relative;

	border-bottom: 1px solid #7c7c7c;

	padding-bottom: 12px;

	padding-top: 5px;

	margin-top: 5px;

	font-size: 18px;

}

.widget.copyr p {

	margin-bottom: 0;

}

.widget-left .widget h2.widget-title {

	font-size: 20px;

	line-height: 1.3;

	color: #fff;

	padding: 11px;

	margin-bottom: 22px;

	background: #50C050;

}

.widget-left {

	float: left;

	margin-top: 30px;

	width: 100%;

}

.secondary .widget_archive ul li:last-child, .secondary .widget_recent_entries ul li:last-child, .populr-post li:last-child {

	border: 0;

}

.sing-post article {

	box-shadow: none;

	padding: 0;

}


.sing-post h1.entry-title {

	font-size: 26px;

	font-weight: 400;

	margin: 0 0 5px;

}

.meta-single.group {

	margin-bottom: 0;

}

.entry-meta-new {

	margin-top: 10px;

	color: #000;

	font-size: 18px;

}

.meta-single li {

	display: inline-block;

	margin-right: 15px;

	font-size: 14px;

	padding-right: 15px;

	position: relative;

}

.meta-single li i {

	font-size: 17px;

	margin-right: 3px;

}

.meta-single li a, .single .category > a, .single .comments > a {

	color: #222;

	text-transform: capitalize;

}

.archive .meta-single li a, .meta-single li a:hover, .single .category > a:hover, .single .comments > a:hover, .search .meta-single li a {

	color: #EF5555;

}

.meta-single li:not(:last-child)::after {

	content: '';

	background: #fff;

	height: 20px;

	position: absolute;

	width: 2px;

	right: 0;

	top: 2px;

}

.single-post article img {

	border: 1px solid #eee;

	height: auto;

}

blockquote, cite, dfn, em, i {

	font-style: italic;

}

.post-row.singl article p {

	color: #222;

}

b, dt, strong {

	font-weight: 700;

}

pre, .wp-block-quote {

	background: #EF5555;

	color: #fff;

	margin-bottom: 20px;

	margin-top: 20px;

}

.wp-block-image, img {

	margin-bottom: 16px;

}

pre code {

	padding: 0;

	font-size: inherit;

	color: inherit;

	white-space: pre-wrap;

	background-color: transparent;

	border-radius: 0;

}

ul.share-buttons.margin-top-40.margin-bottom-0 {

	margin: 30px 0;

	border-top: 1px dashed #ccc;

	padding-top: 30px;

	padding-bottom: 30px;

	border-bottom: 1px dashed #ccc;

	display: block;

}

.share-buttons li {

	list-style: none;

	display: inline-block;

	margin-right: 8px;

}

.share-buttons li a {

	border: 1px solid;

	padding: 5px 10px;

	font-size: 16px;

}

.share-buttons li a:hover {

	border-bottom: 1px solid;

}

.nst-tags {

	margin-top: 50px;

}

.single .entry-content .nst-tags li {

	display: inline-block;

	margin: 0 5px 10px;

}

.nst-tags li a {

	background: #f2f2f2;

	padding: 6px;

	font-size: 14px;

	text-transform: capitalize;

	border-radius: 1px;

	color: #999;

	border-bottom: 0px;

}

.coffe-cup {

	box-shadow: 0px 2px 7px #df8d00;

	background: linear-gradient(to right, #af5d10, #1E3851, #000);

	padding: 15px 20px;

	box-sizing: border-box;

	margin-bottom: 60px;

	margin-top: 20px;

	display: table;

}

.coffe-cup span {

	color: #efefef;

	line-height: 2;

	text-transform: uppercase;

	font-weight: bold;

	font-family: helvetica;

}

.coffe-cup span strong, .servis h4 {

	color: #3f7e80;

}

.coffe-cup > * {

	display: table-cell;

	vertical-align: middle;

	line-height: 2.2;

}

.single .author-info {

	padding: 16px 30px 23px;

	margin: 10px 0 0;

	padding: 16px 30px;

	border-radius: 2px;

	background: #50C050;

}

.single .author-heading {

	color: #222;

	font-size: 20px;

	text-transform: uppercase;

	margin-bottom: 14px;

}

.single .author-title {

	font-size: 21px;

	margin-bottom: 4px;

}

.single .author-info .avatar {

	height: 96px;

	width: 96px;

	margin: 0 .684em 1.6842em 0;

	float: left;

}

.nst-tags li a:hover, .nst-tags li a:focus, .nst-tags li a:active {

	color: #fff;

	background: #1E3851;

}

.populr li:nth-child(2n+1) {

	margin-right: 10px;

}

.populr li a {

	display: block;

}

.populr li {

	width: 48.8%;

	vertical-align: top;

	display: inline-block;

	margin-bottom: 12px;

}

.populr li img {

	width: 100%;

}

.populr {

	margin-top: 20px;

}

article .author-description p {

	color: #fff;

	font-style: italic;

	overflow: hidden;

	font-size: 18px;

}

.author-description a {

	border-bottom: 1px solid #333;

	clear: both;

	margin-top: 9px;

	color: #111;

	display: block;

	max-width: 300px;

}

.author-link::after {

	font-size: 20px;

	right: -8px;

	content: "\f061";

	position: relative;

	top: 1px;

	font-family: "Font Awesome 5 Free";

}

.single .entry-content p {

	font-size: 20px;

}

.entry-meta-new span {

	color: #fff;

}

pre {

	padding: 13px;

	border-radius: 3px;

	font-size: 20px;

}

.single .entry-footer {

	display: none;

}

.single article a img {

	box-shadow: none;

	background: #fff;

}

.coffe-cup span img {

	max-width: 80px;

	margin: 0 10px;

	padding: 5px;

	background: #fff;

}

.single-post article .coffe-cup img {

	border: 0;

}

.populr li:hover {

	opacity: 0.8;

}

.popular-post {

	font-size: 24px;

	margin-top: 40px;

}

.single .comments-area {

	border-top: 0 none;

	display: inline-block;

	margin: 20px 0 0;

	padding: 0;

}

.comments-title {

	font-size: 22px;

	font-style: italic;

	color: #1E3851;

	margin-bottom: 22px;

}

.comment-list, .comment-list .children {

	list-style: none;

	margin: 0;

}

.single .comment-list > li article.comment-body {

	background: #ccc;

	border: 1px dashed #3f7e80;

	margin-bottom: 1px;

}

.comment-author {

	color: #333;

}

.comment-author .avatar {

	height: 56px;

	margin-right: 1.6842em;

	top: 3px;

	width: 56px;

}

.comment-metadata {

	margin-bottom: 10px;

}

.comments-area .comment-metadata a {

	font-size: 15px;

}

.comment-content > p, .comment-metadata a {

	font-size: 18px;

}

.comment-metadata .edit-link, .pingback .edit-link {

	margin-left: 1em;

}

.bypostauthor > article .fn::after, .comment-metadata .edit-link::before, .pingback .edit-link::before {

	top: 8px;

}

.comment-list .reply a {

	margin-top: 10px;

	border-color: #444;

}

.comment-list .children > li {

	padding-left: 1.4737em;

}

.single .comment-list > li li article.comment-body {

	background: #ddd;

}

.single .comment-list > li article.comment-body {

	background: #ccc;

	border: 1px dashed #3f7e80;

	margin-bottom: 1px;

}

.single .comment-list > li article.comment-body {

	padding: 17px 19px;

}

.comment-list + .comment-respond, .comment-navigation + .comment-respond {

	padding-top: 22px;

}

.comment-form, .no-comments {

	padding-top: 15px;

}

#commentform p {

	margin-bottom: 16px;

}

textarea#comment {

	max-height: 130px;

	border: 1px solid #ccc;

	background: #eee;

}

.wp-block-quote p {

	margin-bottom: 0;

}

.wp-block-quote {

	padding: 9px 15px;

	border-radius: 3px;

}

#commentform textarea {

	font-size: 18px;

	width: 100%;

	padding: 11px 10px;

}

#commentform input {

	font-size: 18px;

	width: 100%;

	padding: 9px 10px;

}

.comment-list .reply a {

	margin-top: 10px;

	color: #555;

	padding: 5px 20px;

	border: 1px solid #444;

}

.comment-list .reply a:focus, .comment-list .reply a:hover {

	border-color: #1E3851;

	color: #1E3851;

	outline: 0;

}

#commentform label {

	display: none;

}

.comment-author b.fn {

	font-size: 21px;

}

button, input[type="button"], input[type="reset"], input[type="submit"] {

	background-color: #333;

	border: 0;

	color: #fff;

	cursor: pointer;

	font-size: 12px;

	font-weight: 700;

	padding: 4px 10px;

	text-transform: uppercase;

}

.comment-reply-title small a {

	border: 0;

	float: right;

	height: 32px;

	overflow: hidden;

	width: 26px;

	font-size: 0;

}

.comment-reply-title small a::before {

	content: "\f00d";

	font-size: 25px;

	position: relative;

	top: 0px;

	font-family: "Font Awesome 5 Free";

}

.comment-list li #respond {

	margin-top: 10px;

}

textarea#comment:focus {

	background: #fff;

}

.navbar-toggle {

	position: relative;

	float: right;

	padding: 9px 10px;

	margin-top: 8px;

	margin-right: 15px;

	margin-bottom: 8px;

	background-color: transparent;

	background-image: none;

	border: 1px solid transparent;

	border-radius: 4px;

}

.sr-only {

	position: absolute;

	width: 1px;

	height: 1px;

	padding: 0;

	margin: -1px;

	overflow: hidden;

	clip: rect(0,0,0,0);

	border: 0;

}

.navbar-default .navbar-toggle .icon-bar {

	background-color: #fff;

}

.navbar-toggle .icon-bar {

	display: block;

	width: 22px;

	height: 2px;

	border-radius: 1px;

}

.navbar-default .navbar-toggle {

	border-color: #ddd;

}

.navbar-toggle .icon-bar {

	display: block;

	width: 22px;

	height: 2px;

	border-radius: 1px;

}

.navbar-toggle .icon-bar + .icon-bar {

	margin-top: 4px;

}

.widget_text.adds {

	text-align: center;

}

#commentform input:not(.submit) {

	border: 1px solid #ccc;

	padding: 9px 10px;

	border-radius: 0;

	background: #EEE;

	box-shadow: none;

}

.post-arche article:nth-child(2n) {

	margin-right: 15px;

}

.post-arche article, .all-search article {

	float: left;

	margin-top: 30px;

}

.post-arche article .entry-title {

	font-size: 24px;

	margin: 10px 0;

}

.post-arche .archive-header .page-title span, .category .archive-header .archive-title span {

	color: #fff;

}

.post-arche .archive-header .page-title, .category .archive-header .archive-title {

	font-size: 31px;

	color: #111;

}

.post-arche .archive-header, .category .archive-header {

	background: #1E3851;

	padding: 24px;

}

.post-arche .meta-single.group, .all-search .meta-single.group {

	margin-bottom: 10px;

}





.post-arche {

	float: left;

	margin-bottom: 40px;

	width: 100%;

}

header.archive-header {

	margin-bottom: 15px;

}

.archive .col-lg-9.nst-mid .row > div {

	border-bottom: 2px dashed #eee;

	margin-bottom: 24px;

	padding-bottom: 14px;

}

#letdiscuss .modal-dialog {

	margin-top: 6%;

	max-width: 600px;

}

.modal-header {

	background: #EF5555;

	padding: 13px;

}

.modal-header .close {

	background: #333;

	border: 2px solid #fff;

	position: absolute;

	right: 22px;

	padding: 1px 9px 3px;

	border-radius: 50%;

	opacity: 1;

	top: 28px;

	line-height: 1;

}

.newslettr a.lets:hover {

	color: #fff;

	background: #333;

}

.modal-header .close, .modal-title, .post-byline {

	color: #fff;

}

.wpcf7-form > p {

	font-size: 16px;

}

.wpcf7-form .wpcf7-form-control-wrap:not(.your-message) {

	display: inline-block;

	width: 47%;

	margin-right: 13px;

	vertical-align: top;

	margin-bottom: 20px;

}

.wpcf7-form span input {

	font-size: 16px;

}

form.wpcf7-form br {

	display: none;

}

.modal .wpcf7-form-control.wpcf7-submit {

	margin-bottom: 0;

}

.modal .wpcf7-form textarea {

	height: 130px;

}

.wpcf7-form textarea, .wpcf7-form span input {

	background: #f7f7f7;

	color: #222;

	width: 100%;

	padding: 10px;

	border: 1px solid #ccc;

}

div.wpcf7-response-output {

	font-size: 15px;

	margin: 12px 6px;

}

.wpcf7-form-control.wpcf7-submit {

	background: #EF5555;

	margin-top: 15px;

	margin-bottom: 15px;

	max-width: 150px;

	width: 100%;

	padding: 11px 13px;

	font-size: 18px;

	border-radius: 2px;

	border: 0;

}

.wpcf7-form-control.wpcf7-submit:hover {

	opacity: 0.85;

}

.modal-title {

	font-size: 23px;

}

.post-arche.all-tags article {

	width: 100%;

}

.post-arche.all-tags article .entry-header, .search .all-search article .entry-header {

	display: inline-block;

	border: 0;

	padding: 0;

	margin-bottom: 5px;

}

.post-arche article .post-thumbnail, .all-search article .post-thumbnail {

	float: left;

	width: 250px;

	margin-right: 14px;

}

.post-arche.all-tags article .entry-content, .search .all-search article .entry-content, .all-dates article .entry-content {

	display: block;

}

.tag-right {

	float: left;

	width: 70%;

}

.post-arche.all-tags article:hover .entry-header a, .all-search article:hover .entry-header a, .all-dates article:hover .entry-header a {

	color: #3f7e80;

}

.post-arche.all-tags article:hover .entry-header {

	background: none;

}

.post-arche.all-tags article, .search .all-search article, .all-dates article {

	width: 100%;

	border-bottom: 1px dashed #ccc;

	padding-bottom: 19px;

}

.post-arche.all-tags article .entry-title, .search .all-search article .entry-title, .all-dates article .entry-title {

	font-size: 24px;

	margin: 0px 0 9px;

}

.post-arche.all-tags article:nth-child(2n), .search .all-search article:nth-child(2n), .all-dates article:nth-child(2n) {

	margin-right: 0px;

}

.post-arche.all-tags article:first-child, .search .all-search article:first-child, .post-arche.all-dates article:first-child {

	margin-top: 10px;

}

.cont-ad {

	float: left;

	width: 100%;

	margin: 20px 0;

}

.all-tags nav.navigation.pagination {

	float: left;

	display: block;

	width: 100%;

	margin-top: 20px;

	margin-left: 0;

	background: #1E3851;

	padding: 20px;

	border-radius: 2px;

}

.all-tags nav.navigation.pagination .nav-links > *:hover, .all-tags nav.navigation.pagination .nav-links > span.page-numbers.current {

	color: #fff;

}

.all-tags nav.navigation.pagination .nav-links > * {

	color: #222;

	margin-right: 10px;

}

.all-tags nav.navigation.pagination .nav-links {

	margin-top: 12px;

}

.all-tags h2.screen-reader-text {

	color: #111;

	font-size: 29px;

	text-transform: capitalize;

}

.post-arche.all-dates article:hover .entry-title a, .post-arche.all-tags article:hover .entry-title a, .post-arche.all-tags article:hover i, .all-search article:hover i, .all-dates article:hover i {

	color: #1E3851;

}

.archive .post-arche.all-tags article ul li a:hover, .search .all-search article ul li a:hover, .date .all-dates article ul li a:hover {

	color: #1E3851;

}

.sing-page .entry-title {

	font-size: 31px;

	text-align: center;

}

.sing-page .entry-content .wpcf7-form textarea {

	height: 200px;

}

.alignright {

	display: inline;

	float: right;

}

.alignleft {

	display: inline;

	float: left;

}

.comment-content h3, .entry-content h3, .entry-summary h3, .page-content h3, .comment-content h2, .entry-content h2, .entry-summary h2, .page-content h2 {

	margin-top: 18px;

	margin-bottom: 10px;

}

.comment-content h5, .entry-content h5, .entry-summary h5, .page-content h5 {

	margin-top: 15px;

	margin-bottom: 10px;

}

#cnFilterOptions {

	margin: 15px 0 25px;

	text-align: center;

}

ul#cnFilterOptions li.active, ul#cnFilterOptions li:hover {

	background-color: #EF5555;

	color: #fff;

}

ul#cnFilterOptions li {

	display: inline-block;

	margin: 0 10px 10px 0;

	border: 1px solid #EF5555;

	line-height: 40px;

	color: #FFF;

	padding: 0;

	cursor: pointer;

	width: auto;

	transition: all .75s ease 0s;

}

.botm {

	padding: 10px 15px;

	border-top: 2px solid #ccc;

}

#cnfolioHolder ul.cnOurHolder li.item:hover .botm {

	background: #EF5555;

	color: #fff;

}

#cnfolioHolder ul li {

	margin: 4px 2px 10px;

}

body.page.page-template-full-width section article.post-182 .entry-header {

	background: url('https://www.nstwebcreation.com/wp-content/uploads/2021/02/nst-footer.jpg');

	color: #fff;

	margin-bottom: 0;

	background-size: cover;

	padding: 50px;

	background-position: center;

	background-repeat: no-repeat;

	margin-top: -5px;

	text-align: center;

}

ul#cnFilterOptions li a {

	font-weight: 500;

	font-size: 24px;

}



.newslettr > div > * {

	font-size: 34px;

}

.footer .widget-title {

	font-size: 29px;

	letter-spacing: 2px;

}

.secondary > div > aside:first-child h2.widget-title {

	color: #fff;

	font-weight: 500;

	font-size: 25px;

	transition: 0.5s all;

}

.secondary > div > aside:first-child h2.widget-title:hover {

	color: #111;

}

.sidebar-top p {

	color: #fff;

	font-weight: 500;

}

.secondary .widget h2.widget-title, .widget-left .widget h2.widget-title {

	letter-spacing: 2px;

}

.hire-me a.lets {

	letter-spacing: 0.7px;

	transition: 0.5s all;

}

.sing-post .entry-meta-new {

	letter-spacing: 1px;

}

.archive-header .archive-meta p {

	color: #efefef;

	font-style: italic;

}

.sing-page .entry-title {
	font-size: 38px;
	text-align: center;
	letter-spacing: 0.5px;
	color: #fff;
}

a.yout.btn {

	font-size: 22px;

	letter-spacing: 0.7px;

	line-height: 1.4;

}

.post-arche .archive-header .page-title, .category .archive-header .archive-title {

	letter-spacing: 1px;

}

.page.page-template-right-sidebar article > .entry-header {

	text-align: center;

	color: #fff;

	padding: 22px 0;

}

.popular-post {

	font-size: 26px;

	letter-spacing: 0.5px;

}

.single .author-title {

	font-size: 21px;

}

div .widget h2.widget-title:hover {

	opacity: 0.85;

}

.author-description a {

	font-size: 21px;

}

h3.comment-reply-title, .single .author-heading, .single .author-title {

	letter-spacing: 0.7px;

}

.sing-post h1.entry-title {

	font-size: 26px;

	letter-spacing: 2px;

}

.meta-single li a, .single .category > a, .single .comments > a {

	margin-right: 4px;

	margin-left: 3px;

}

.post-arche article .entry-title:hover a, .post-arche.all-dates article .entry-title:hover a, .search article .entry-title:hover a, .post-arche.all-tags article .entry-title:hover a {

	color: #333;

}

.search .page-header {

	background: #50C050;

}

.search .page-title {

	font-size: 32px;

	margin-top: 4px;

	padding-bottom: 20px;

	padding-left: 15px;

	padding-top: 20px;

	color: #fff;
	

	letter-spacing: 1px;

}

.search .page-content {

	margin: 50px 0;

}

.search-form .search-submit.screen-reader-text {

	background: #1E3851;

	padding: 10px 20px;

	border-radius: 2px;

}

.search-form .search-field {

	padding: 10px 20px;

	border: 1px solid #888;

	border-radius: 44px;

}

.search-form .screen-reader-text {

	margin-right: 10px;

	font-size: 19px;

}

.search-form {

	background: #ccc;

	padding: 13px;

	margin-top: 20px;

}

.entry-content ol {

	padding: 0 20px;

}

.single .entry-content li {

	color: #111;

	margin: 11px 0;

	font-size: 19px;

}

.entry-content li {

	list-style: outside;

}

.cont-ad {

	margin: 30px 0 20px;

	position: relative;

	display: inline-block;

	width: inherit;

}

.post-list .post-row:last-child {

	padding-bottom: 12px;

	border-color: #ddd;

}



form input.btn.full:hover, form input.btn.full:focus {

	box-shadow: inset -133px 0 0 0 var(--hover), inset 133px 0 0 0 var(--hover);

}

.wpcf7-form-control.wpcf7-submit:hover {

	box-shadow: inset -80px 0 0 0 var(--hover), inset 80px 0 0 0 var(--hover);

}

form input.btn.full, .wpcf7-form-control.wpcf7-submit {

 --color: #50B850;

 --hover: #50B850;

}

form input.btn.full, nav.no-bg .main-links a, .wpcf7-form-control.wpcf7-submit {

	transition: 0.50s;

}

.main-links li a {

 --color: #4f8e90;

 --hover: #1f5e60;

}

.testimon {

	counter-reset: nst-count;

}

.testimon .col-sm-12 {

	padding-left: 25px;

}

.testimon h4 {

	margin: 0px 0 10px;

	font-size: 20px;

	color: #1E3851;

}

.testimon img {

	border: 1px solid #ccc;

	margin-bottom: 34px;

	margin-top: 10px;

}

.testimon .col-sm-12::before {

	counter-increment: nst-count;

	content: "" counter(nst-count) ". ";

	position: absolute;

	left: 0;

	color: #1E3851;

	font-weight: 600;

	top: 1px;

}

.testimon .col-sm-12:hover img {

	border-color: #333;

}

.servis {

	display: inline-block;

	width: 100%;

}

.servis .col-sm-4 {

	margin-bottom: 15px;

	display: inline-block;

	max-width: 33%;

	vertical-align: top;

}

.servis h4 {

	margin: 12px 0 3px;

	font-size: 22px;

}

.servis .col-sm-4:hover img {

	opacity: 0.85;

}

.servis .col-sm-4:hover h4 {

	color: #1E3851;

}

.servis p {

	font-size: 18px;

}

a.btn.appl {

	background: #1E3851;

	color: #fff;

	padding: 21px 20px;

	font-size: 20px;

	margin-bottom: 30px;

	margin-top: 40px;

	border: 0;

	clear: both;

	display: block;

}

a.btn.appl:hover {

	background: #5f9ea0;

}







/* media start here */



@media(min-width:992px) {

.navbar-header {

	display: none;

}

.secondary {

	float: right;

	width: 22.1%;

}

.nst-lside {

	max-width: 22.1%;

}

body:not(.archive):not(.search):not(.page-template-right-sidebar) .nst-mid {

	max-width: 55.6%;

}

.archive .secondary, .search .secondary, .page-template-right-sidebar .secondary {

	float: right;

	width: 24.5%;

}

.nst-lside, .nst-mid {

	float: left

}



.post-list .post-row {

	display: flex;

}

.mob-tab {

	display: none;

}

.cont-ad {

	display: none;

}


}

 @media(min-width:1901px) {

.container {

	max-width: 1530px;

}

}


@media(min-width:1701px) and (max-width:1900px) {

.container {

	max-width: 1430px;

}

}

@media(min-width:1551px) and (max-width:1700px) {

.container {

	max-width: 1310px;

}

}

 @media(min-width:1351px) and (max-width:1550px) {

.container {

	max-width: 1290px;

}

}

 @media(min-width:1200px) and (max-width:1350px) {

.container {

	max-width: 1220px;

}

}

@media(min-width:992px) and (max-width:1199px) {

a.yout.btn {

	font-size: 17px;	

}

.sidebar-top {

    padding: 15px 10px;

}

.nst-lside .top-head li {

    margin-right: 12px;

}

}

@media(min-width:767px) {

.category section .post-row {

	display: flex;

}

}

@media(min-width:581px) {

.header-middle .col-sm-6 > div:nth-child(2) {

	display: none;

}

}

 @media(max-width:1250px) {

.tag-right {

	width: 69%;

}

}

@media(max-width:1200px) {

.post-arche article .post-thumbnail, .all-search article .post-thumbnail {

	width: 28%;

}

.newslettr > div > * {

	font-size: 28px;

}

.servis .col-sm-4 {

	max-width: 32.5%;

}

.header-middle .hire-me a {

	padding: 16px 19px;

	margin: 14px auto 0;

}

}

 @media(max-width:991px) {

.archive .col-lg-9.nst-mid {

	border: 0;

	margin-top: 0px;

	padding-top: 10px;

}

.nst-mid {

	margin-top: 30px;

	border-top: 2px dashed #eee;

	padding-top: 30px;

}

.footer {

	margin-top: 28px;

}

.header-bottom .navbar-collapse {

	margin: 0;

}

.header-bottom .navbar-collapse {

	max-width: 100%;

	width: 100%;

}

.navbar-nav {

	margin: 3.5px -15px;

}

nav.no-bg .main-links a {

	z-index: 1;

	padding: 7px 15px 10px 25px;

	font-size: 16px;

	text-transform: uppercase;

	color: #fff;

	display: block;

}

nav.no-bg .main-links a:hover {

	color: #ccc;

}

ul.nav.main-links {

	width: 100%;

}

.header-bottom .search {

	float: right;

	position: absolute;

	width: 32%;

	right: 0;

	top: 0px;

}

.header nav.no-bg {

	padding: 2px;

}

.header-middle .hire-me a {

	padding: 14px 10px;

	font-size: 15px;

}

.logo {
	

	margin-left: 0;

}

.header nav.no-bg .container {

	position: relative;

}

.widget-left, .populr-post {

	width: 100%;

}

.secondary.col-lg {

	margin-top: 40px;

}

.search > form {

	margin: 2px 0;

}

.mob-tab {

	float: right;

	background: #fff;

	padding: 5px 10px 1px;

	cursor: pointer;

	border-radius: 2px;

}

.mob-tab i {

	font-size: 23px;

}

.mob-tab:hover {

	color: #3f7e80;

}

.widget-left {

	margin-top: 0;

	height: 0px;

	overflow: hidden;

	transition: 1s all;

}

.mobact .widget-left {

	margin-top: 30px;

	height: auto;

	overflow: visible;

	transition: 1s all;

}

.entry.excerpt, h2.post-title {

	width: 100%;

	float: left;

}

.newslettr a.lets {

	padding-top: 11px;

	padding-bottom: 11px;

	padding-left: 15px;

	padding-right: 15px;

	font-size: 18px;

}

.newslettr > div > * {

	font-size: 22px;

}

.header-middle .hire-me a {

	padding: 7px 11px;

	font-size: 14px;

}

}

 @media(max-width:767px) {

.footer .container {

	max-width: 98%;

}

.populr li {

	width: 47.8%;

}

.populr li img {

	height: auto;

}

.logo {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	padding: 0px 0;

}

.hire-me {

	width: 85px;

	position: absolute;

	right: 0;

	top: 50px;

	padding: 0;

}

a.lets span {

	display: none;

}

.newslettr a.lets {

	display: block;

	margin-top: 20px;

	margin-bottom: 20px;

	font-size: 24px;

}

.newslettr > div > * {

	font-size: 25px;

}

.servis .col-sm-4 {

	max-width: 49%;

}

.left-top.top-links li:first-child {

    display: none;

}

}

@media(max-width:580px) {

.header-middle .col-sm-6 > div:first-child {

	display: none;

}

.header nav.no-bg {

	padding: 2px 18px;

}

.header-bottom .search {

	width: 42%;

}

ul.top-links.left-top {

	width: 100%;

	text-align: center;

}

.header-top .social {

	display: none;

}

.left-top.top-links li {

	display: inline-block;

	float: none;

}

h2.post-title {

	height: auto;

	overflow: visible;

}

.post-list .post-row .post {

	width: 100%;

	border-bottom: 1px dashed #777;

	margin-bottom: 26px;

	padding-bottom: 12px;

}

.post-list .post-row {

	border-bottom: 0px solid #eee;

	margin-bottom: 0;

}

.post-row.row:last-child {

	padding-left: 20px;

}

.wpcf7-form .wpcf7-form-control-wrap:not(.your-message) {

	width: 46%;

}

.sing-page .entry-title {

	font-size: 35px;

}

.newslettr a.lets {

	background: #1E3851;

}

.newslettr a.lets:hover {

	background: #222;

}

body:not(.search):not(.page-template-right-sidebar):not(.archive) .entry-header {

	margin-left: -15px;

	margin-right: -15px;

}

}

@media(max-width:480px) {

.logo {

	margin-left: 0;

	text-align: left;

	max-width: 70%;

}

.header-bottom .search {

	width: 46%;

}

.header-middle .hire-me a {

	padding: 14px 8px;

	font-size: 14px;

}

.hire-me {

	width: 65px;

	top: 40px;

}

.header-bottom {

	margin: 0px 0 10px;

}

pre {

	font-size: 17px;

}

.coffe-cup span {

	width: 100%;

	display: block;

	text-align: center;

	margin-bottom: 29px;

}

.coffe-cup > * {

	display: block;

	margin: 0 auto;

}

.single .author-info {

	padding: 16px 30px 23px;

	margin: 0 0 17px;

	padding: 16px 17px;

	border-radius: 2px;

	background: #50C050;

	float: left;

}

.author-description {

	width: 100%;

	float: left;

}

.single .author-info .avatar {

	height: auto;

	margin-bottom: 5px;

}

.coffe-cup {

	margin-bottom: 35px;

	background: linear-gradient(to bottom, #1E3851, #000);

	text-align: center;

}

.popular-post {

	font-size: 23px;

	margin-top: 17px;

	float: left;

	width: 100%;

	margin-bottom: 16px;

}

.tag-right, .post-arche article .post-thumbnail, .all-search article .post-thumbnail {

	width: 100%;

}

.post-arche article {

	width: 100%;

}

.post-arche article:nth-child(2n) {

	margin-right: 0;

}

.servis .col-sm-4 {

	max-width: 100%;

}

}

@media(max-width:450px) {

.wpcf7-form .wpcf7-form-control-wrap:not(.your-message) {

	width: 97%;

	margin-right: 0;

}

.left-top.top-links li {

	margin-right: 3px;

}

}

 @media(max-width:420px) {

.hire-me {

	top: 27px;

}

.left-top.top-links li:nth-child(3) {

	display: none;

}

.left-top.top-links li {

	margin-right: 7px;

}

}

@media(max-width:375px) {

.header .top-head a {

	font-size: 13px;

	padding: 4px 2px;

	margin-right: 4px;

}

}