/*
Theme Name: Creator Admin
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentyseventeen
Description: Based on Twenty Seventeen.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

orange: f6a72d / fa6705
dark grey: #848785;
*/

@import url("../twentyseventeen/style.css"); 


.site-navigation-fixed.navigation-top {
	position: relative;
}

/* Typography */
body {
	font-family: 'IBM Plex Mono', sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
h2.widget-title,
.site-title a {
	font-family: 'Archivo Black', sans-serif !important;
	font-weight: 400 !important;
	letter-spacing: -0.05em !important;
	color: #000;
}
h1.entry-title {
	font-size: 2.5em !important;
	text-transform: lowercase !important;
}
h2.widget-title {
	font-size: 18px;
	font-weight: 600;
	text-transform: none !important;
}

.single .entry-header .entry-title {
	margin-bottom: -15px !important;
}

a {
	box-shadow: none !important;
}
a:hover,
a:active {
	color: #a0a0a0 !important;
}

b, strong {
	color: #000;
	font-weight: 700;
}

/* Header */
.header-top {
	background: #848785;
	height: 40px;
}
.header-top-inner {
	max-width: 1400px;
    padding-left: 2em;
    padding-right: 2em;
    margin: 0 auto;
}
.header-top img {
	max-width: 25px;
    max-height: 25px;
    margin-top: 7px;
}

.site-header {
	background: #fff;
	/*border-top: 40px solid #848785;*/
}
/*.custom-logo {
	max-width: 110px;
}*/
.logo-image {
	max-width: 130px;
}

@media screen and (min-width: 48em) {
.custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
    max-width: 110px;
}
}
.site-title a {
	font-size: 1.5rem;
}

@media screen and (min-width: 48em) {
.site-content {
	padding-top: 2.5em !important;
}
}

/* Main Menu */
.navigation-top .wrap {
	max-width: 1400px;
    padding-left: 2em;
    padding-right: 2em;
}
#top-menu li a {
	font-family: 'IBM Plex Mono', sans-serif !important;
    font-size: 0.813rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.015em !important;
    text-transform: uppercase;
}
@media screen and (min-width: 67em) {
.navigation-top .wrap {
    padding-top: 5px;
    padding-bottom: 5px;
}
}
.search-submit {
	background-color: #fff;
	color: #000;
}

.contextual-nav {
	list-style: none;
}
.contextual-nav li {
	display: inline-block;
}
.contextual-nav li:after {
	content: "|";
}
.contextual-nav li a:link {
	text-decoration: none;
	border-bottom: none !important;
}

.menu-anchors-container {
	margin-top: 0px;
	margin-bottom: -10px;
}
/*.menu-anchors-container li a:hover {
	color: #fa6705 !important;
}*/
.menu-anchors-container li:hover {
	background: #000 !important;
}
.menu-anchors-container li:hover a {
	color: #eee !important;
}
.menu-anchors-container .menu li a {
	background: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
	font-size: 16px !important;
	text-transform: lowercase !important;
	font-family: 'IBM Plex Mono', sans-serif !important;
}
.menu-anchors-container .menu li {
	margin-bottom: 0 !important;
}
.menu-anchors-container .menu li a:before {
	font-family: "dashicons";
    /*content: "\f344";*/
    content: "\f543";
    content: "\f345";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    margin-right: 5px;
    font-weight: 700;
    color: #000;
    font-size: 18px !important;
    padding-bottom: 2px;
}
.menu-anchors-container li:hover a:before {
	color: #fff !important;
	content: "\f345";
	content: "\f543";
}
/*.menu-anchors-container .menu li a:hover:before {
    color: #fff;
}*/

.widget ul li,
.widget ol li {
    /*border-bottom: 1px solid #fe6a29;
    border-top: 1px solid #fe6a29;*/
    border-bottom: 1px solid #848785;
    border-top: 1px solid #848785;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 0.5em 0;
}
.widget ul li:hover,
.widget ol li:hover {
    /*border-bottom: 1px solid #fe6a29;
    border-top: 1px solid #fe6a29;*/
    /*background: pink;
    padding-left: 0.5em;*/
}
.rpwe-li h3 a {
	font-size: 15px;
	font-weight: normal !important;
	color: #222 !important;
}
.widget ul li a,
.widget ol li a {
    font-size: 15px !important;
	font-weight: normal !important;
	color: #222 !important;
}
.widget ul li a:hover,
.widget ol li a:hover {
	color: #fa6705 !important;
}
h3.rpwe-title {
	font-family: 'IBM Plex Mono', sans-serif !important;
	font-weight: 400 !important;
}

.wrap {
    max-width: 1400px;
	padding-left: 2em;
	padding-right: 2em;
}
.has-sidebar:not(.error404) #primary { /* main content area */
	width: 72%;
}
.has-sidebar #secondary { /* sidebar */
    width: 25%;
}
.stage-table td,
.stage-container {
	padding-left: 10px;
	background: #848785;
	color: #fff;
}
.stage-container b,
.stage-container strong {
	color: #fff;
}
.stage-container {
	padding: 5px 10px;
}
.stage-table td a:link,
.stage-table td a:visited,
.stage-container a:link,
.stage-container a:visited {
	color: #fff;
}
.stage-table td a:hover,
.stage-table td a:active,
.stage-container a:hover,
.stage-container a:active {
	color: #ccc;
}

h2.section-title::before { /* for anchors */
  display: block; 
  content: " "; 
  margin-top: -285px; 
  height: 285px; 
  visibility: hidden; 
  pointer-events: none;
}


h2.section-title {
	font-family: 'IBM Plex Mono', sans-serif !important;
	color: #fff;
    /*background: #848785;*/
    background: #222;
    font-weight: 600 !important;
    text-transform: capitalize;
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 15px;
	letter-spacing: 2px !important;
	height: 250px;
	padding-top: 210px;
}
h2.section-title#contact::before {
	display: none; 
}
h2.section-title-even {
	color: #000;
    background: #e3e1de;
}
.entry-header {
	position: relative;
}
.entry-date {
	color: #000 !important;
	margin-top: -16px;
	margin-bottom: 30px;
	float: left;
	font-family: 'IBM Plex Mono', sans-serif !important;
}
.single .entry-date {
	margin-bottom: 0;
}
.entry-date:before {
	color: #000 !important;
	content: "//  ";
	font-family: 'Archivo Black', sans-serif !important;
}
.single .entry-date:before {
	font-weight: 700 !important;
	color: #faeb46 !important;
	font-family: 'Archivo Black', sans-serif !important;
	font-size: 24px !important;
}
.entry-edit {
	position: absolute;
	top: 16px;
	right: 0px;
	/*float: right;
	margin-top: -20px;*/
}
a.post-edit-link,
a:hover.post-edit-link {
	padding: 0.5rem 1.5rem;
	background: #fa6705;
	color: #fff;
	font-family: 'Archivo Black', sans-serif !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	-webkit-border-radius: 6px !important;
    -moz-border-radius: 6px !important;
    border-radius: 6px !important;
}
a:hover.post-edit-link {
	color: #fff !important;
}

.entry-col-container {
	position: relative;
	overflow: auto;
}
.entry-col-container div {
	box-sizing: border-box;
}
.entry-col2 {
	float: left;
	width: 50%;
}
.entry-col3 {
	float: left;
	width: 33.33333333%;
}
.entry-col4 {
	float: left;
	width: 66.66666666%;
}

.entry-section,
.entry-col-container {
	margin-bottom: 30px;
}
h6.entry-subtitle {
	margin-bottom: 20px;
}

.entry-inactive,
.table-head-inactive th {
	color: #ccc;
}

.entry-table td {
	vertical-align: top;
}

/* Contextual Nav */
.contextual-nav {
	clear: both;
	margin-bottom: 40px;
}
.contextual-nav .menu li a {
	text-transform: uppercase;
	box-shadow: none !important;
	font-size: 0.8em;
	padding: 5px 5px;
	background: #efefef;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.contextual-nav .menu li a:hover {
	background: #fff;
}
.contextual-nav .menu li {
	margin-right: 10px;
	margin-bottom: 10px;
}
.contextual-nav .menu li:last-child {
	margin-right: 0;
}
.contextual-nav .menu li::after {
	display: none;
}
.contextual-nav .menu {
	margin-bottom: 0;
}



/* Company People Table */
.entry-table-names-name span {
	display: block;
	font-size: 0.8em;
}
.entry-table-names-name {
	width: 20%;
}
.entry-table-names-email {
	width: 30.2%;
}
.entry-table-names-office,
.entry-table-names-mobile,
.entry-table-names-skype {
	width: 16.6%;
}

/* Company Info Tables */
.entry-table-coy-phones th,
.entry-table-coy-phones td,
.entry-table-coy-emails th,
.entry-table-coy-emails td,
.entry-table-coy-other th,
.entry-table-coy-other td {
	width: 50%;
}
.entry-coy-phones,
.entry-coy-emails {
	border-right: 1px solid #ccc;
}
.entry-coy-phones {
	padding-right: 5px;
}
.entry-coy-emails {
	padding-left: 5px;
	padding-right: 5px;
}
.entry-coy-other {
	padding-left: 5px;
}
.entry-coy-notes {
	padding-left: 5px;
}

.entry-col-title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	margin-top: 25px;
	font-size: 1.625rem;
	font-weight: 700 !important;
	color: #000;
}

/* Project Notes */
.icon-invoice {
	width: 30px;
	height: auto;
	margin-right: 20px;
	margin-top: 5px;
}
.invoice-link {
	height: 40px;
	white-space: nowrap;
}
.entry-project-title {
	font-size: 1.5em;
	font-weight: 700;
}
.entry-project-notes {
	margin-bottom: 40px;
}
.entry-notes-container {
	padding: 20px;
	font-size: 0.9em;
	background: #eee;
	margin-top: 5px;
}
.entry-project-invoices {
	clear: both;
	margin-top: 15px;
}
.entry-project-invoices a {
	margin-right: 20px;
	font-size: 0.9em;
}

.project-container {
	border-bottom: 1px solid #ccc;
	padding-bottom: 30px;
}
.project-container:last-child {
	border-bottom: none;
	padding-bottom: 10px;
}

/* Technology / Solutions */
.entry-solutions-admin .entry-solutions-admin-item:nth-of-type(3n+3) {
	clear: both;
}
.entry-solutions-admin .entry-solutions-admin-item {
	margin-bottom: 20px;
}
.entry-solutions-admin .entry-solutions-admin-item:nth-of-type(2n+1) {
	padding-right: 10px;
}


.entry-databases,
.entry-hosting {
	padding-right: 10px;
}

/* Themes */
.entry-themes .entry-themes-item:nth-of-type(3n+3) {
    clear: both;
}
.entry-themes .entry-themes-item {
	margin-bottom: 20px;
}
.entry-themes .entry-themes-item:nth-of-type(2n+1) {
	padding-right: 10px;
}

/* Social Media */
.entry-social-media .entry-social-media-item:nth-of-type(2n+3) {
    clear: both;
}
.entry-social-media .entry-social-media-item {
	margin-bottom: 20px;
}
.entry-social-media .entry-social-media-item:nth-of-type(2n+1) {
	padding-right: 10px;
}

/* Newsletters */
.entry-newsletters .entry-newsletters-item:nth-of-type(3n+3) {
    clear: both;
}
.entry-newsletters .entry-newsletters-item {
	margin-bottom: 20px;
}
.entry-newsletters .entry-newsletters-item:nth-of-type(2n+1) {
	padding-right: 10px;
}

/* Other Services */
.entry-services .entry-services-item:nth-of-type(2n+3) {
    clear: both;
}
.entry-services .entry-services-item {
	margin-bottom: 20px;
}
.entry-services .entry-services-item:nth-of-type(2n+1) {
	padding-right: 10px;
}

/* Archived */
.entry-archived {
	/*background: #848785;
	color: #fff;*/
	background: #fff;
	color: #000;
	padding: 20px;
}

a.anchor:link,
a.anchor:visited {
	text-decoration: none !important;
	border-bottom: none !important;
}

.b2top {
	clear: both;
	font-size: 0.8em;
	text-align: right;
}

/* ARCHIVES */
.home .page-header,
.archive .page-header {
	padding-bottom: 0;
}
.archive-subnav h3.widgettitle {
    display: none;
}
.archive-subnav .dcw li {
	width: auto !important;
	display: inline !important;
	border: none;
	padding: 0;
	margin-right: 10px;
}
article.post {
	padding-bottom: 0 !important;
}
article.post:nth-of-type(even) {
	background: #e3e1de;
}

/* QUOTES */

blockquote.quotescollection-quote {
	margin: 20px 0 20px 0 !important;
    margin-block-end: 0 !important;
    margin-inline-end: 0 !important;
    display: block !important;
}
.quotescollection-quote p {
	font-size: 12px !important;
	font-style: normal !important;
	color: #000 !important;
}
.quotescollection-quote .attribution {
	display: none;
}
.quotes-footer {
	height: 30px;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}


h2.section-title#contact,
h2.section-title#domains,
.archive h2.section-title,
.home h2.section-title {
	background: url(/wp-content/uploads/2022/06/admin_bg1.jpg);
	background-size: 100%;
}
h2.section-title#contact,
.archive h2.section-title,
.home h2.section-title {
	background-position: bottom left;
}
h2.section-title#technical,
h2.section-title#social-media {
	background: url(/wp-content/uploads/2022/06/admin_bg2.jpg);
	background-size: 100%;
}
h2.section-title#technical {
	background-position: bottom left;
}

h2.section-title#projects,
h2.section-title#admin-logins,
h2.section-title#google {
	background: url(/wp-content/uploads/2022/06/admin_bg3.jpg);
	background-size: 100%;
}
h2.section-title#projects {
	background-position: bottom left;
}

h2.section-title#admin-logins,
h2.section-title#newsletters {
	background: url(/wp-content/uploads/2022/06/admin_bg4.jpg);
	background-size: 100%;
}
h2.section-title#admin-logins {
	background-position: bottom left;
}


.site-info a,
.site-info span {
   font-family: 'Archivo Black', sans-serif !important;
}

@media screen and (max-width: 1024px) {
   #primary,
   #secondary {
   	float: none !important;
   	width: 100% !important;
   }
}
@media screen and (max-width: 960px) {
   .entry-col2 {
   	float: none !important;
   	width: 100% !important;
   	padding-right: 0 !important;
   }
}