/*
Theme Name: Hello Elementor Child
Theme URI: https://wordpress.com/themes/
Template: hello-elementor
Author: Czarina Bayena 
Author URI: https://wordpress.com/themes/
Description:  Custom theme for comms.exchange
Tags: custom-background,custom-colors,custom-header,custom-menu,featured-images,flexible-header,left-sidebar,microformats,rtl-language-support,sticky-post,theme-options,translation-ready,two-columns
Version: 1.0.0
Updated: 2022-10-28  

*/

@font-face {
    font-family: Poppins;  
    src: url(fonts/Poppins-Regular.ttf);  
    font-weight: normal;  
} 

* {
  box-sizing: border-box;
}
/**/body:not([class*=elementor-page-]) .site-main, body:not([class*=elementor-page-]) .site-main{
	margin-left: var(--narrow-width);
    transform: translateX(calc(var(--width) - var(--narrow-width)));
    transition: all 0.6s ease-in-out !important;
}
#wrapper{
    max-width: 100%;
    width: 100%;
}
#primary{
    margin:0;
    width: 79%;
    /*padding: 50px 0;
	background:transparent !important;*/
    background: #efefef;
	border:0 !important;
     height: 900px;
} 
.site-content article{
	background:transparent !important;
	border:0 !important;
}
@media only screen and (max-width: 930px) {
   #primary{
        margin:0;
        width:100% !important;
    }
}

body, h1, h2, h3, h4, h5, h6, p, span{
    font-family: 'Roboto';
}
 
#mobile-background-holder {
    background-image:none !important;
}
#page:before{
    background-image: url(images/sidebar-bg-2.jpg);
    opacity: 0.5;
	background-color: rgba(255,255,255,1);
	    box-shadow: 5px 4px 9px 1px rgb(28 28 28 / 63%);
    -webkit-box-shadow: 5px 4px 9px 1px rgb(28 28 28 / 63%);
    -moz-box-shadow:  5px 4px 9px 1px rgb(28 28 28 / 63%);
}
body.custom-background{
    background:white !important; 
}
.logo{
    max-width: 200px;
    text-align:center;
    margin-bottom: 30px;
}
h3.intro{
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
} 
.main-navigation li a{ 
    color: #54595F;
}

.main-navigation a:hover, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a {
    color: #fff;
}
.main-navigation li {
    font-size: 17px;
    padding: 5px;
	border: 0 !important;
    border-radius: 5px; 
}

.ecotelco li.current_page_item a, .ecotelco li a:hover{
    background: #819b6df0;
    padding: 5px; 
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    width:45%;
}
.logout_panel{
	text-align:center;
}
header a.btn.btn-primary {
    background: black;
    padding: 10px 20px;
    border-radius: 2px;
    color: white;
    text-align: center;
    margin: auto;
}
p{
	margin-bottom:0.5em;
}
ul#menu-menu-1 a {
   /* border-bottom: 1px solid rgba(0,0,0,0.2); */
}
li.menu-item a i:before {
    color: #a3a3a3;
}
li.current-menu-item a i:before, ul#menu-menu-1 a:hover i:before {
    color: #fff;
}
ul#menu-menu-1 a{
	border-radius: 3px
}
h3.intro{
	color: #898989;
    font-family: Roboto;
}

.site-info{
	display:none !important;
}
 
.p-5 {
    padding: 5px;
}
.filters .one{
	display: flex;
}
.filters{
	margin:30px 0;
}
.filters input[name="search"]{
	width:50%;
}
ul.numbers{
	margin: 0;
  padding: 0;
}
ul.numbers li{
	 padding: 16px;
	float:left; 
}
ul.numbers h3 {
    font-weight: 700;
    font-size: 18px;
}
.main-navigation {
    clear: both;
    display: block;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6428571428;
    margin: 0 10.63829787% 48px;
    margin: 0 5% 5rem;
    width: 80%;
}

/******** User Access **********/
ul.user_access{
    margin:0;
    padding:0;
}
li.access_panel{
	padding: 20px 20px;
    background: white;
    border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.access_panel img{
    width:50px;
    border-radius:5px !important;
}
#hide, .entry-header{
 display: none !important;    
}
span.access_title, span.access_title a{
    color: #696969 !important;
    font-family: "Roboto", Sans-serif ;
    font-size: 16px  ;
    font-weight: 400 ;
    margin-bottom:20px;
}

img.access_icon{
    border-radius: 10px 10px 10px 10px;
}

li.access_panel{
    text-align:center;
    width: 20%;
   margin: .5em 2%;
   float:left;
   height:150px;
}
@media only screen and (max-width: 768px) {
    li.access_panel{
        width: 45% ;
        height:150px;
    }
    span.access_title, span.access_title a{
        font-size: 14px  ;
    }
}
/******** eof User Access **********/
.column {
  float: left;
  width: 33.33%;
      padding: 10px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
  
 
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
} 

.col-1 {width: 8.33%; margin:auto;}
.col-2 {width: 16.66%;margin:auto;}
.col-3 {width: 25%;margin:auto;}
.col-4 {width: 33.33%;margin:auto;}
.col-5 {width: 41.66%;margin:auto;}
.col-6 {width: 50%;margin:auto;}
.col-7 {width: 58.33%;margin:auto;}
.col-8 {width: 66.66%;margin:auto;}
.col-9 {width: 75%;margin:auto;}
.col-10 {width: 83.33%;margin:auto;}
.col-11 {width: 91.66%;margin:auto;}
.col-12 {width: 100%;margin:auto;}

 [class*="col-"] {
  float: left; 
}

.kb_item{
    background: white;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    padding: 10px 20px;
    margin-bottom: 30px;
}
.kb_title a, .kb_summary a, .ticket_title a{
     color:  var(--main-color) !important; 
}
.kb_title, .ticket_title{
    font-family: "Roboto", Sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.kb_summary{
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
}
.site-footer{
    display:none;
}

a.btn{
    border: 1px solid var(--main-color);
    padding: 10px 25px;
    border-radius: 5px;
    color:var(--main-color);
}
a.btn:hover{
    background: var(--main-color); 
    color:white !important;
}
.kb_panel{
    background: white;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    padding: 10px 20px; 
}
.ticket_item {
    background: white;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.ticket_author{
    font-size: 14px;
    font-weight: 500;
}
.entry-title{
    text-align:center;
}

li.desk_category {
    padding: 20px 10px;
    background: white;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    text-align: center;
    width: 20%;
    margin: 0.5em 2%;
    float: left;
    height: 130px;
    padding: 20px;
}

.desk_category img{
    width: 35px;
}
.page-content a, p a {
    text-decoration: none !important;
    color:  var(--main-color) !important;
}
.flex{
    display: flex;
}
.pagination-arrow{
    border: 1px solid;
    padding: 5px 10px;
}
.brandBtn a{
    background: var(--main-color) !important;
}
.brandTitle{
    color: var(--main-color) !important;
}
h2.elementor-heading-title.elementor-size-default a {
    color: #696969 !important;
}