/*START Styling to center content horizontaly*/
.centercontent {
  display: flex;
  justify-content: center;
  align-items: center;
 width: 100%;
  padding: 20px 0px;
}

/*input[type="text"] {
  width: 200px;
}*/

/*END Styling to center content horizontaly*/




/*START Styling Sticky Menu*/
.not-at-top #t4-header.t4-sticky {
  background-color: #212529;
}

.t4-megamenu .dropdown-menu {
  background-color: #151515;
}
/*END Styling Sticky Menu*/

/*START Styling Search Box*/
.input-group {
margin-left: 0px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: white;
}

.module_menu-search {
display: flex;
justify-content: center;
align-items: center;
height: 80px;  
}
/*END Styling Search Box*/


/*START Off-Canvas-Menu*/
.t4-offcanvas .t4-off-canvas-header {
background-color: #212529;
}
/*END Off-Canvas-Menu*/




/*START Styling Hompepage Article*/

/*Start hide full text image class*/
.pull-hide-image {
  display: none;
}

.category-desc > img {
  float: left;
 /* width: 100%;*/
  max-width: 100%;
  margin-right: 1rem;
  padding-bottom: 20px;
}

.responsive-img { /*for article editor*/
  height: auto;
  max-height: 350px; /* set the maximum height to your desired value */
  padding-bottom: 0px; /* add some padding at the bottom to create space for the text */
  object-fit: cover;
  width: 100%;
 }
 
[itemprop="thumbnail"],[itemprop="thumbnailUrl"] {
  height: 300px;
  /*max-height: 350px; /* set the maximum height to your desired value */
  margin-bottom: 20px; /* add some margin at the bottom to create space for the text */
  object-fit: cover;
  width: 100%;
}

[itemprop="image"] {
  height: auto;
  max-height: 350px; /* set the maximum height to your desired value */
  padding-bottom: 0px; /* add some padding at the bottom to create space for the text */
  object-fit: cover;
  width: 100%;
 }




/*End hide full text image class*/

.home-box {
background: url("/images/homepage/001home5.jpg") no-repeat 50% 50% / cover;
background-color: #cccccc;
min-height: 550px;
border-top: 2px solid #fff;
/*margin: -40px -300px 0px -300px;*/
padding: 100px 0 50px;
font-size: 18px;
line-height: 26px;
}

.home-box-teaser {
    background: rgba(33, 37, 41, 0.9);
    position: relative;
    max-width: 630px;
    margin: 0 auto;
    text-align: center;
    padding: 40px 15px;
    color: #fff;
    }

.home-box-search {
    margin-top: 60px;
}
    
.home-box-search-input {
    float: none;
    max-width: 300px;
    margin: 0 auto 25px;
    overflow: hidden;
    /*padding: 0 0 0 30px;*/
    } 
    
.block-home-examples {
/*padding: 35px 9999px 30px;
margin: 0 -9999px;
border-top: 2px solid #fff;
background: #cccccc;
color: white;
min-height: 100px;*/

}  
.header-examples {
margin: 20px 0px 5px 00px;
padding:20px 50px 20px 50px;
border-top:1px solid #212529;
border-bottom:1px solid #212529;
border-left:1px solid #212529;
border-right:1px solid #212529;
border-radius:0.33em 0.33em 0.33em 0.33em;
background: #212529;
color: white;
}

.home-examples {
/*background: #cccccc;
color: white;*/
margin: 0px 0px 0px 0px;
padding: 0.5% 0.5% 0.5% 0.5%;
/*border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-left:1px solid lightgrey;
border-right:1px solid lightgrey;
border-radius:0.33em 0.33em 0.33em 0.33em;*/
}      

.cat-border {
padding: 2% 2% 2% 2%;
border-top:1px solid #DCDCDC;
border-bottom:1px solid #DCDCDC;
border-left:1px solid #DCDCDC;
border-right:1px solid #DCDCDC;
border-radius:0.33em 0.33em 0.33em 0.33em;
}      

.catlist-hp {
font-size: 18px;
line-height: 36px;
}      

.img-catlist-hp {
margin-top: 2%;
margin-bottom: 2%;
max-height: 80px;
object-fit: cover;
}
    
/*END Styling Hompe Page Article*/

/*START Styling Sub Home Letter*/
.sub-home-letters {
margin-top: -40px;
}
/*END Styling Sub Home Letter*/


/*BEGIN Styling for CATEGORY LIST RECIPIENT Pages*/

.menuclassuffix{
font-size: 1.15em;
}

.img-catlist-cont{
margin: 0px 0px 20px 0px;
width: 100%;
max-height: 320px;
object-fit: cover;
}

.adcat{
margin: 25px 0px 25px 0px;
}

.catlistcont{
font-size: 1.15em;
padding:0px 5px 0px 5px;
}

.list-title {
font-size: 1.15em;
font-family: var(--body-font-family);
    font-weight: var(--body-font-weight);
    font-style: var(--body-font-style);
    line-height: var(--body-line-height);
    letter-spacing: var(--body-letter-spacing);  
}

/*END Styling for CATEGORY RECIPIENT LIST*/

.com-tags-tag__filter {
padding-bottom: 20px;
}

/*END Styling for CATEGORY LIST MOTIVATION*/


/*START Styling for TAG LIST Pages*/

.com-tags-tag.tag-category .item-tag-title {
  font-size: 1.15rem;
  font-weight: 500;
  margin: 0 0 0.5rem;
}


.item-tag-title {
font-size: 1.15em;
font-family: var(--body-font-family);
font-weight: var(--body-font-weight);
font-style: var(--body-font-style);
line-height: var(--body-line-height);
letter-spacing: var(--body-letter-spacing);
}

/*END Styling for TAG LIST Pages*/



/*BEGIN Styling for SAMPLE LETTERS*/

.artcont {
font-size: 1.15em;
}

.artintro {
padding:20px 50px 20px 50px;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-left:6px solid lightgrey;
border-right:6px solid lightgrey;
border-radius:0.33em 0.33em 0.33em 0.33em;
/*outline:solid 1px grey;*/
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
}



.img-sletter-intro{
margin: 0px 20px 20px 0px;
}


.artli{
margin: 5px 0px 5px 0px;
}

.img-sletter-catcont {
margin: 15px 0px 15px 0px;
}

.howto
/*BEGIN Styling GUIDELINES*/
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

/*width:100%;*/
padding:0px 50px 20px;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-left:6px solid lightgrey;
border-right:6px solid lightgrey;
border-radius:0.33em 0.33em 0.33em 0.33em;
/*outline:solid 1px grey;*/
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
}

/*BEGIN for adbox*/
.adbox
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;

padding:20px 50px 20px;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-left:6px solid lightgrey;
border-right:6px solid lightgrey;
border-radius:0.33em 0.33em 0.33em 0.33em;
/*outline:solid 1px grey;*/
margin-left:0px;
margin-right:0px;
margin-bottom:5px;
}

.sletter
/*BEGIN Styling for Resposnive Box Model*/
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*END Styling for Resposnive Box Model*/
/*width:100%;*/
padding:20px 50px 20px 50px;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-left:6px solid lightgrey;
border-right:6px solid lightgrey;
border-radius:0.33em;
/*outline:solid 1px grey;*/
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
background-color:white;
/*font-style:italic;*/
}

.catcont
/*BEGIN Styling for Resposnive Box Model*/
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
/*END Styling for Resposnive Box Model*/
/*width:100%;*/
padding:10px 50px 20px 50px;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-left:6px solid lightgrey;
border-right:6px solid lightgrey;
border-radius:0.33em;
/*outline:solid 1px grey;*/
margin-left:0px;
margin-right:0px;
margin-top:5px;
margin-bottom:5px;
background-color:white;
font-size:1em;
/*font-style:italic;*/
}

.matchcont{
padding:10px 50px 20px 50px;
border-top:1px solid lightgrey;
border-bottom:1px solid lightgrey;
border-left:6px solid lightgrey;
border-right:6px solid lightgrey;
border-radius:0.33em 0.33em 0.33em 0.33em;
/*outline:solid 1px grey;*/
margin:5px 0px 0px 0px;
}

/*Start styling for tags*/

.badge-info {
  background-color: #181a1a;
}

.badge, .label {
  --body-link-color: initial;
  --body-link-hover-color: #8e8e8e;
  background-color: #181a1a;
  font-size: 1em;
  font-weight: 200;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  border-radius: .25rem;
  margin-bottom: 5px;
}

/*End Tags*/

/*END Styling for SAMPLE LETTERS*/

/* START FOOTER STYLING */
/* font footer copyright */
.fontfooter {
font-size: 1.1em;
padding: 40px 0px 40px 0px;
}

/* Class for footer meta navigation */ 
  
.bottommenu {
  display: flex;
  justify-content: center;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  margin: auto;
  padding-bottom: 20px;
}

.bottommenu a {
  margin: 20px 10px 20px 10px;
}

.nav-link {
--footer-link-hover-color: #0f0909;
}

/* END footer styling */

/* START Breadcrums styling */
.t4-breadcrumbs { 
    border-bottom: 1px solid #e9ecef;
  background-color: #f1f1f1; 
}
/* END Breadcrums styling */

/* START Vertical Menu - categories by motivation styling */

.verticalmenucat {
border-bottom: 1px solid #adb5bd;
margin-bottom: -1px;
padding: 0 0 .6666666667rem;
display: inline-block;
}

.nav-link {
font-size: 18px;
line-height: 32.4px;
font-weight: 400;
color: #212529;
}

/* STOP Vertical Menu - categories by motivation styling */


/* START Similar Articles Sidebar Left styling */
.raxo-bricks .raxo-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}


/*
.tagssimilar {
padding-left: 0rem;
list-style: none;
font-size: 16px;
}  

.mod-list {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0px;
  color: black;
}

*/

/* START Similar Articles Sidebar Left styling */
