body {
    background-image:url("./images/jpeg/background_tile.jpg");
    background-color: #f9eff1; /* rose 15% */
}

.jumbotron {
    background: url("./images/jpeg/arcenciel_pano.jpg") no-repeat center center;
    /*-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%; */
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: bottom;
    height: 100%;
    /*min-height: 300px;*/
}

.webp #myheader.jumbotron {
    background: url("./images/webp/arcenciel_pano.webp") no-repeat center center;
    background-size: cover;
    background-position: bottom;
    height: 100%;
}

.no-js #myheader.jumbotron {
    background: url("./images/jpeg/arcenciel_pano.jpg") no-repeat center center;
    background-size: cover;
    background-position: bottom;
    height: 100%;
}

.no-webp #myheader.jumbotron {
    background: url("./images/jpeg/arcenciel_pano.jpg") no-repeat center center;
    background-size: cover;
    background-position: bottom;
    height: 100%;
}

/* change the background color */
.navbar-custom {
    background-color: #010000;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #da96a3;
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #da96a3;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #d9414f;
}

.dropdown-menu {
  background-color: #010000;
}

.dropdown-item {
    color: #da96a3;
}

/* drop down hover... */
.dropdown-item:hover {
    color: #d9414f;
    background: #010000;
}

.col-md-8 img {
    width: 100%;
    height: auto;
}

.titel_container {
    background: #746263;
    z-index: 2;
}

.titel_container h1,
.titel_container h2 {
    color: white;
    padding: 16px 8px;
    font-size: 2rem;
}

.titel_container h4 {
    color: white;
    padding: 16px 8px;
    font-size: 1.5rem;
}

.image_container,
.image_container_with_caption {
    margin-left: -15px;
    margin-right: -15px;
}

.image_container div {
    top: -30px;
    z-index: -1;
}

.image_container_with_caption div {
    top: -54px;
    z-index: -1;
}

.text_container {
    background: black;
    top: -60px;
}

.text_container_with_caption {
    background: black;
    top: -104px;
}

.text_container_without_image {
    background: black;
    top: -30px;
    /* z-index: -1; link isn't clickable... */
}

.text_container_wordpress {
    background: black;
    top: -30px;
}

.onedoc_container {
    background: #f4f4f4;
    top: -60px;
}

.table-dark {
    background-color: black;
}

.table_container {
    background: black;
    top: -31px;
}

.table_container_with_image {
    background: black;
    top: -60px;
}

.text_container p,
.table_container_with_image p,
.text_container_with_caption p {
    color: white;
    padding: 8px 8px;
}

.text_container_without_image p {
    color: white;
    padding: 8px 8px;
    margin-top: 30px;
}

.text_container_wordpress p,
.text_container_wordpress figure
{
    color: white;
    padding: 8px 8px;
    margin-top: 30px;
}

.text_container nav {
    padding: 8px 0px;
}

#myquote.blockquote {
    border-left: 2px solid #746263;
    font-size: 1rem;
    margin-left: .5rem;
}

#myquote.blockquote p {
    margin-left: .5rem;
}

#myquote.blockquote cite {
    margin-left: .5rem;
    color: white;
}

ul {
    margin-top: -15px;
    color: white;
}

.fa-ul {
    margin-top: -15px;
    color: white;
}


.webp #myfooter.jumbotron {
    background: url("./images/webp/arcenciel_pano_black.webp") no-repeat center center;
    /*-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%; */
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: bottom;
    height: 100%;
    /*min-height: 300px;*/
}

.no-webp #myfooter.jumbotron {
    background: url("./images/jpeg/arcenciel_pano_black.jpg") no-repeat center center;
    /*-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%; */
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: bottom;
    height: 100%;
    /*min-height: 300px;*/
}

.no-js #myfooter.jumbotron {
    background: url("./images/jpeg/arcenciel_pano_black.jpg") no-repeat center center;
    /*-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%; */
    /* background-size: 100% 100%; */
    background-size: cover;
    background-position: bottom;
    height: 100%;
    /*min-height: 300px;*/
}


#mybanner.jumbotron {
    background: #746263;
    color: white;
}

/*
#mybanner.jumbotron h2 {
    color: white;
}

#mybanner.jumbotron h3 {
    color: white;
}
*/

/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


/* footer social icons */

.social-network a.icoTwitter:hover {
  background-color: #00acee;
}

.social-network a.icoYoutube:hover {
  background-color: #ff0000;
}

.social-network a.icoFacebook:hover {
  background-color: #3b5998;
}

.social-network a.icoMail:hover {
  background-color: #000000;
}

.social-network a.icoLinkedIn:hover {
  background-color: #2867B2;
}

.social-network a.icoInstagram:hover {
  background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
}

.social-network a.icoWhatsApp:hover {
  background-color: #25d366;
}

.social-network a.icoTwitter:hover i,
.social-network a.icoYoutube:hover i,
.social-network a.icoFacebook:hover i,
.social-network a.icoMail:hover i,
.social-network a.icoLinkedIn:hover i,
.social-network a.icoInstagram:hover i,
.social-network a.icoWhatsApp:hover i {
  color: #fff;
}

/*.social-network a.socialIcon:hover,
.socialHoverClass {
  color: #44BCDD;
} */

.social-circle li a {
  display: inline-block;
  position: relative;
  margin: 0 auto 0 auto;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  width: 40px;
  height: 40px;
  font-size: 20px;
}

.social-circle li i {
  margin: 0;
  line-height: 40px;
  text-align: center;
}

/*
.social-circle li a:hover i,
.triggeredHover {
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
} */

.social-circle i {
  color: #595959;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  -ms-transition: all 0.8s;
  transition: all 0.8s;
}

.social-network a {
  background-color: #F9F9F9;
}

figcaption {
    position: relative;
    /* text-align: right;*/
    margin-left: 15px;
    color: #ccc; /* best readable on white and black */
    top: 54px;
}

.text_container_wordpress figcaption {
   text-align: center;
   color: #ccc;
   margin-top: 10px;
   top: unset;
}

.myhyperlink {
    color: #da96a3;
}

.myhyperlink:hover {
    color: #d9414f;
    text-decoration: none;
}

#back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
    z-index: 10;
}

.border-md-right {
  border-right: 1px solid #da96a3;
}

@media (max-width: 768px) {
  .border-md-right {
    border-right: none;
  }
}