/* GENERIC */

body {
	font-family: Arial, sans-serif;
}

h1 strong {
	font-weight: 600;
}

a,
a span {
	-webkit-transition: all .15s;
	-moz-transition: all .15s;
	-o-transition: all .15s;
	transition: all .15s;
}

/* remove default webkit input shadow */
input,
textarea {
	-webkit-appearance: none;
}

.navbar .navbar-inner {
	background: url(https://premiumwp.hu/wp-content/hotlink-ok/pwp-docs/geometric-bg-overlay-01.jpg),linear-gradient(to right,#005c97,#363795) !important;
	background-blend-mode: overlay;
	background-size: cover !important;
}

.navbar .brand {
	padding: 20px 20px 20px 0;
	color: #fff !important;
}

.navbar .nav > li > a {
	padding: 20px 15px;
}

footer p,
footer p a {
	color: #6d7983;
}

footer p span {
	display: none;
}

/* HOME */

.category-list.two-col .category {
	padding: 96px 40px 20px;
	width: 48.1%;
}

.category-list .category {
	background-color: #fff;
	background-position: top 34px center !important;
	background-repeat: no-repeat !important;
	background-size: 50px 50px !important;
	box-shadow: 0 7px 4px -5px rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	min-height: 259px;
	padding: 96px 20px 20px;
	position: relative;
	width: 31.5%;
	transition: all 0.2s;
}

#collection-category-8 .category-list .category {
	padding: 20px;
}

/* WordPress kezelése collection icons */

#category-9 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/network-and-cloud-computing/vector_480_19.svg);
}

#category-27 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/pwp-docs/divi.png);
}

#category-26 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/pwp-docs/studiopress.png);
}

#category-25 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/data-organization-and-management/vector_507_18.svg);
}

#category-3 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/web-design-and-development/vector_479_01.svg);
}

#category-20 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/corporate-business/vector_575_07.svg);
}

/* SEO & Marketing collection icons */

#category-19 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/pwp-docs/google.svg);
}

#category-56 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/seo-and-web-optimization/vector_506_07.svg);
}

/* SEO & Marketing collection icons */

#category-36 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/analytics-and-investment/vector_509_05.svg);
}

#category-34 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/web-design-and-development/vector_479_15.svg);
}

#category-35 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/communication-and-connectivity/vector_571_01.svg);
}

/* GDPR collection icons */

#category-66 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/network-and-cloud-computing/vector_480_07.svg);
}

/* Pro collection icons */

#category-75 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/network-and-cloud-computing/vector_480_04.svg);
}

#category-62 {
	background-image: url(https://premiumwp.hu/wp-content/hotlink-ok/flat-web-icons/network-and-cloud-computing/vector_480_08.svg);
}

.category-list .category:hover {
	background-color: #fff;
	-webkit-box-shadow: 0 9px 20px -8px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 9px 20px -8px rgba(0, 0, 0, 0.15);
	box-shadow: 0 9px 20px -8px rgba(0, 0, 0, 0.15);
}

.category-list .category h2 {
	font-size: 25px;
}

.category-list .category p {
	color: #93A1AF;
	/* charcoal-200 */
	line-height: 22px;
}

.category-list h3 {
	font-size: 20px;
	line-height: 1.5;
	margin-bottom: 12px;
}

/* targeting First collection categories only */

.category-list .category:before {
	content: "";
	position: absolute;
	top: -2px;
	height: 2px;
	width: calc(100% + 2px);
	left: -1px;
	right: -1px;
}

.category-list .category:nth-child(4n+1):before {
	background: #1e87f0;
}

.category-list .category:nth-child(4n+2):before {
	background: #32d296;
}

.category-list .category:nth-child(4n+3):before {
	background: #faa05a;
}

.category-list .category:nth-child(4n+4):before {
	background: #f0506e;
}

#collection-category-8 .category-list .category:nth-child(4n+1):before,
#collection-category-8 .category-list .category:nth-child(4n+2):before,
#collection-category-8 .category-list .category:nth-child(4n+3):before,
#collection-category-8 .category-list .category:nth-child(4n+4):before {
	background: #C1CBD4;
	/* grey-600 */
}

/* SEARCH */

#searchBar .search-query {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border: 0;
	height: 60px;
	/*line-height: 62px;*/
	padding-top: 21px;
	padding-bottom: 24px;
}

/* remove shadow on content search box */

#sidebar #searchBar .search-query {
	padding-bottom: 15px;
	padding-left: 14px;
	padding-top: 15px;
	border-radius: 4px;
	box-shadow: none;
	height: 44px;
}

#searchBar .search-query:focus,
#searchBar #sidebar form .search-query:focus {
	border-color: #1F5E89;
	/* blue-700 */
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

#searchBar button {
	background: #eee;
	border-color: #fff;
	color: #222;
	font-family: Arial, sans-serif;
	text-shadow: none;
	height: 60px;
	-webkit-transition: background .15s;
	-moz-transition: background .15s;
	-o-transition: background .15s;
	transition: background .15s;
}

input.search-query {
	padding-left: 20px;
	padding-right: 20px;
}

#searchBar button:hover {
	background-color: #ddd;
}

#serp-dd .result a:hover,
#serp-dd .result>li.active {
	background: #f7f9fa;
}

#docsSearch {
	background: url(https://premiumwp.hu/wp-content/hotlink-ok/pwp-docs/geometric-bg-overlay-01.jpg),linear-gradient(to right,#005c97,#363795) !important;
	background-blend-mode: overlay;
	background-color: initial !important;
	background-size: cover !important;
	border-bottom: 0;
	margin-top: -72px;
	padding: 6em 0 3em;
}

@media (min-width: 768px) {
	#docsSearch {
		padding: 8em 0 6em;
	}
}

#docsSearch h1 {
	color: white;
	font-size: 35px;
	-webkit-font-smoothing: antialiased;
}

#serp-dd {
	border-radius: 5px;
	top: 82px;
}

@media (min-width: 768px) {
	#serp-dd {
		top: 88px;
	}
}

@media (max-width: 480px) and (max-width: 768px) {
	#searchBar button .icon-search {
		position: relative;
		top: 2px;
	}
}

#serp-dd.sb {
	border-radius: 5px;
	top: 48px;
}

/* INTERIOR PAGES */

#main-content {
	background: none;
}

#main-content:after {
	background: #f7f9fa;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	content: "";
}

.contentWrapper {
	border: 0;
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus,
#sidebar .nav-list h3 {
	color: #2a4258;
	font-weight: 600;
}

#sidebar .nav-list .active a .icon-arrow:before,
#sidebar .nav-list .active a:hover .icon-arrow:before,
#sidebar .nav-list .active a:focus .icon-arrow:before {
	color: #2a4258;
}

#sidebar .nav-list a {
	color: #6d7983;
}

#categoryHead h1 {
	color: #343b41;
	margin-bottom: 15px;
}

h1 {
	letter-spacing: -0.5px;
}

.contentWrapper p.descrip {
	color: #6d7983;
	line-height: 26px;
	margin-bottom: 25px;
}

.contentWrapper h1,
#fullArticle h1.title {
	line-height: 1.4em;
}

/* $ARTCILES */

#fullArticle dt {
	background: #3197d1;
}

#fullArticle dd {
	padding-top: 0;
}

#fullArticle h4 {
	font-weight: 400;
}

#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
	color: #4F5D6B;
	/* charcoal-700 */
	font-size: 16px;
	line-height: 26px;
}

#fullArticle strong {
	color: #4A4D4F;
	font-weight: 600;
}

#fullArticle h1,
#fullArticle h2,
#fullArticle h3,
#fullArticle h4,
#fullArticle h5 {
	color: #253540;
	/* charcoal-700 */
	margin-bottom: 1em;
	margin-top: 1.5em;
}

#fullArticle h2,
#fullArticle h5 {
	font-weight: 600;
}

#fullArticle h4 {
	font-weight: 500;
}

#fullArticle h1,
#fullArticle h3 {
	font-weight: 400;
}

#fullArticle h3 {
	font-size: 24px;
}

#fullArticle h1.title {
	margin-bottom: 1em;
}

#fullArticle pre,
#fullArticle table {
	margin-bottom: 2.5em;
}

#fullArticle dt {
	font-size: 15px;
	min-width: 9px;
}

#fullArticle table th {
	font-weight: 600;
}

#fullArticle img {
	margin: 2.5em 0;
}

#fullArticle .index-list {
	margin-bottom: 2.5em;
	border-left: 5px solid #AAAEB7;
}

#fullArticle .index-list h4 {
	display: block;
	text-transform: uppercase;
	margin: 0;
	padding: 8px 26px 0;
	font-size: 1em;
	font-weight: 600;
}

#fullArticle .index-list ul {
	list-style: none;
	margin: 1em 25px 0em;
	float: left;
}

#fullArticle .index-list li {
	float: left;
	width: 305px;
}

#fullArticle .index-list:before,
#fullArticle .index-list:after {
	display: table;
	content: "";
	/* Fixes Opera/contenteditable bug:
	  /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
	line-height: 0;
}

#fullArticle .index-list:after {
	clear: both;
}

#fullArticle .callout-yellow,
#fullArticle .callout-blue,
#fullArticle .callout-red,
#fullArticle .callout-green,
#fullArticle .callout {
	color: #6d767e;
	margin-bottom: 2.5em;
}

#fullArticle .callout-yellow {
	background: #fff7e4;
	border-color: #ffdf92;
}

#fullArticle .callout-blue {
	background: #ecf7ff;
	border-color: #80bfe2;
}

#fullArticle .callout-green {
	background: #e9fceb;
	border-color: #92d7a9;
}

#fullArticle .private-note> :first-child {
	margin-top: 0;
}

#fullArticle .private-note p {
	line-height: 1.6;
}

.icon-article-doc {
	display: none;
}

.related {
	border: 0;
	border-top: 1px solid #eceef0;
	padding: 30px 46px 25px;
}

.articleFoot p,
.articleFoot time {
	font-family: Arial, sans-serif;
	font-style: normal;
}

.articleFoot p,
#sbContact {
	color: #6d7983;
}

.icon-contact {
	color: #c3c8cb;
}

.articleList a {
	margin-left: 0;
}

.articleList li {
	padding-left: 0;
}

.articleList li a:hover span {
	color: #065e99;
	text-decoration: none;
}

#serp .articleList>li {
	padding-left: 0;
}

/* CONTACT FORMS */

#contactModal {
	border: 0;
	border-radius: 4px;
	border-top: 4px solid #3197D1;
	top: 8%;
}

#contactModal h2 {
	background: 0;
	border: 0;
	font-size: 28px;
	padding: 1em 0 0.25em;
	text-align: center;
}

#contactModal .modal-body {
	padding: 0 6em 0;
	min-height: 525px;
}

#contactModal .control-label {
	float: none;
	text-align: left;
	width: auto;
}

#contactModal .controls {
	margin: 0;
}

#contactModal #md-message {
	height: 80px;
	width: 400px;
}

#contactModal .form-actions {
	padding: 0;
	margin: 15px auto 20px;
	text-align: center;
}

#contactModal .icon-close:before {
	color: #c6c8ca;
}

#contactModal .controls input,
#contactForm .controls input {
	box-shadow: none;
	height: 25px;
	width: 400px;
}

#contactForm .control-group,
#contactModal .control-group {
	margin-bottom: 10px;
}

#contactModal .controls input:focus,
#contactModal #md-message:focus,
#contactForm .controls input:focus,
#contactForm #message:focus {
	border-color: #cccccc;
	box-shadow: none;
}

#contactModal #md-message,
#contactForm #message {
	box-shadow: none;
}

#contactModal .form-actions input,
#contactForm .form-actions input {
	background: #3197d1;
	border: 0;
	color: #fff;
	font-size: 13px;
	padding: 10px 25px;
	text-shadow: none;
	text-transform: uppercase;
}

#contactForm:before {
	color: #343b41;
	content: "How can we help?";
	font-size: 30px;
	font-weight: 400;
	display: block;
	line-height: 45px;
	margin-bottom: 1em;
}

/* RESPONSIVE */

@media (max-width: 768px) {
	.navbar .btn-navbar {
		margin-top: 16px;
		right: -10px;
	}
	.related {
		padding: 30px 25px 25px;
	}
	.related ul {
		margin-left: 0;
	}
	.related h3 {
		padding-left: 0;
	}
	.related ul>li a {
		margin-left: 0;
	}
}

@media (max-width: 480px) {
	#searchBar button {
		background: none;
	}
	#contactForm input[name="upload"] {
		width: 95%;
	}
}

/* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */

@media screen and (max-width: 1105px) {
	section.category-list .category {
		width: 48.1%;
	}
}

@media screen and (max-width: 760px) {
	section.category-list .category {
		box-sizing: border-box;
		margin: 0 0 20px;
		padding: 96px 20px 20px !important;
		width: 100% !important;
	}
}