body,h1,h2,h3,h4,h5,h6 {font-family: "ValeriaMedium"}
.w3-bar-block .w3-bar-item {padding:20px}

body {
 background-color: #8a8a5c;
}
 
 h3,h4,h6,p { 
 font-family: ValeriaMedium;
 color: #005266;
 font-size: 15px
 } 
 
 
 .w3-padding-16 {
 font-family: ValeriaMedium;
 color: #005266; 
 
 }
 
 .HR {
 margin-top: -20px;
 
 }
 
.hr_profile {
 margin-top: -25px;
 
 }
 
 .final {
 font-family: HappyBoy;
 margin-top: -20px;
 font-size: 14px 
 }
 
.glyphicon { 
 font-family: GLYPHICONSHalflings;
 font-size: 14pt;
 font-weight: bold; 
 }
 
 .PageContent {
 margin-top: -30px; 
 }
 
 .textFooter {
 margin-left: -15px;
 font-family: ValeriaMedium;
 font-size: 15px;
 text-align: justify;
 text-justify: inter-word;
 }
 
 .Footer {
 margin-top: -55px;
 
 }
 
.Gallery4 {
 margin-top: 8px;
 
 }
 
.Gallery5 {
 margin-top: -25px;
 
 }
 
.hrfooter {
 margin-top: -15px;
 
 }
 
 .w3-8a8a5c,.w3-hover-ffb399:hover{color:#000!important;background-color:#8a8a5c!important}
 
 .w3-d6c2c2,.w3-hover-ff4000:hover{color:#000!important;background-color:#d6c2c2!important}
 .w3-8a8a5c,.w3-hover-992600:hover{color:#000!important;background-color:#8a8a5c!important}
 
/* CSS para o Menu Profile */ 
 * { box-sizing:border-box; } 
.container-fluid { margin:0px; padding:0px; }
.cover {
 height:210px;
 width:100%;
 overflow:hidden !important;
 position:relative;
 background-size:cover !important;
 background-position:top center !important;
 border-bottom:2px solid #005266;
/* filter:blur(2px); */
}
.edit_cover_btn {
 padding:10px 22px 10px 15px;
 font-size:16px;
 position:absolute;
 top:50%;
 right: -45px;
 transition:all 0.3s ease;
 background:#ff9800;
 border:0;
 color:#fff;
 font-size: 20px;
 border-radius: 7px;
}
.cover:hover .edit_cover_btn {
 right: -10px;
}

@media only screen and (max-width:700px) {
 .edit_cover_btn { display: block; top:25%; opacity:0.85; filter: alpha(opacity=85); }
}
.loggedin_user {
 width:90%;
 margin:0 auto;
 margin-top:-135px;
 position:relative;
}
.user_profile {
 width:170px;
 height:170px;
 overflow:hidden;
 border-radius:50%;
 border:2px solid #005266;
 float:left;
 position:relative;
 cursor:pointer !important;
}
.user_profile img {
 width:100%;
 float:left !important;
}
.user_name {
 width:110%;
 color:#FFF;
 font-size:25px;
 text-align:center;
 position:absolute;
 bottom:-5px;
 background: #005266;
 padding:2px 15px 10px 30px;
 transform-origin:center;
 transform:rotateZ(-15deg);
 transition:all 0.35s ease-in;
}
.user_profile:hover .user_name { bottom:-50px; }
.user_options {
 margin-top:65px;
 text-align:center;
}
.user_menu {
 float:left;
 margin-left:40px;
 padding:0 5px;
 border-radius:20px;
 box-shadow:0.5px 0.5px 10px #444;
}
.user_menu li {
 list-style:none;
 cursor:pointer !important;
 padding:5px;
 height:30px;
 width:30px;
 float:left;
 margin:10px;
 color:#ff9800;
 font-size:20px;
 background:#fff;
 border-radius:10px;
}
.user_menu li:hover {
 background:#ff9800;
 color:#fff;
}
.user_details {
 width:80%;
 margin:0 auto;
 float:right;
 padding:20px;
}
.user_details table { width:50%;margin:0 auto;}
.user_details table td{
 padding:5px 0px;
 border-bottom:1px solid #eeefff;
}
@media only screen and (max-width:440px) {
 .loggedin_user { width:174px; }
 .user_profile { float:none;margin:0 auto; } 
 .user_options { float:none;width:170px; margin-top:30px;padding:0; }
 .user_menu { width:180px; margin:0 auto !important;padding-left:8%;box-shadow:0.5px 0.5px 1px #999; }
 .user_menu li:hover { background:#ff9800;color:#fff; }
}

@media only screen and (max-width:710px) {
 .user_details { margin:0 10%;float:left; }
 .user_details table { width:100%;margin:20px 0; }
}
 
.iconinstagram, .icontiktok, .iconreddit, .iconfacebook, .icononlyfans, .icontwitter, .iconyoutube, .iconsnapchat {
 margin-top:-8px;
 width:20px;
 height: 20px;
}
 
.name { 
 font-family: BATIKWORLDWIDE_PERSONALUSE;
 font-size: 14pt;
 color: #f385e2;
 font-weight: bold;
 
 }
 
.etiquetaprofile { 
 font-family: StarryNight;
 font-size: 15px;
 
 }
 
 .Info {
 margin-top: 10px;
 
 }
 
.locationnamee { 
 font-family: HappyBoy;
 font-size: 16pt;
 color: #005266;
 }

/* CSS para barra de titulo (Nome) e numero da coleção */
.grad1 {
 height: auto;
 background-color: red;
 /* For browsers that do not support gradients */
 background-image: linear-gradient(to bottom right, #dcb7da, #ac245e, #d6adbe);
}

#TABLEB {
 border-collapse: collapse;
 table-layout: fixed;
 width: 100%;
 margin-top: 10px;
}

#TABLEB td,
#TABLEB th {
 border: 1px;
 padding: 8px;
}

#TABLEB th {
 padding-top: 4px;
 padding-bottom: 4px;
 color: #4CAF50;
}

.thA {
 text-align: center;
 font-family: BATIKWORLDWIDE_PERSONALUSE;
 font-size: clamp(0.500em, 0.500em + 1vw, 1.60em);
 width: 100%;
 background-color: #661a00;
}

.thB {
 width: 80px;
 background-color: #293d3d;
 font-family: Sittella;
 font-size: 25px;
}

.thC {
 width: 40px;
 background-color: #8585ad;
 font-family: HerbertRegular;
 font-size: 25px;
}

.NamethA {
 color: #f385e2;
}

.Coll1thB {
 color: #66ffcc;
}

.Coll2thB {
 color: #ff5050;
}

.Coll3thB {
 color: #ff8080;
}

.Coll4thB {
 color: #e60000;
}

.Coll5thB {
 color: #1aa3ff;
}

.Coll6thB {
 color: #8cff66;
}

.Coll7thB {
 color: #ff8000;
}

.Coll8thB {
 color: #d9ff66;
}

.Coll9thB {
 color: #c266ff;
}

.Coll10thB {
 color: #ff1a1a;
}

.NumthC {
 color: #ffff66;
}
 
.ColNum {
 font-family: HerbertRegular;
 font-size: 17px
 } 
 
/* CSS para data de nascimento e local de nascimento */ 
.locationname {
 text-align: center;
 font-family: HappyBoy;
 font-size: 14pt;
 margin: 2px
}
 
/* CSS - Titulo galeria de Videos */ 
.titulo { 
 font-family: TheWantersDEMO;
 font-size: 28px;
 padding:3px; 
 background-color: #005266; 
 text-align: center; 
 margin-top:-10px; 
 clear: both;
 color: #30416d;
 font-weight:bold;
 list-style-type: none;
 }

/* CSS para GRID (Galeria) de Fotos / Profile */
 
.Gallery1 {
 margin-top: -9px;
 
 }

.gallery3 {
 margin-top: -25px;

}

.PhotoCredito {
 font-family: BATIKWORLDWIDE_PERSONALUSE;
 font-size: 15px;
 margin-top: 1px;
}

.PhotoCredito1 {
 font-family: Sittella;
 font-size: 20px;
 margin-top: -10px;
}
 
.pagination2 {
 margin-top: -45px;
 
 }
 
.pagination3 {
 margin-top: -32px;
 
 } 
 
 .pagination4 {
 margin-top: -85px;
 
 } 
 
/* CSS pagina HOME - Galeria Fotos */
 
.hometitulo { 
 font-family: TheWantersDEMO;
 font-size: 28px;
 padding:3px; 
 background-color: #005266; 
 text-align: center; 
 margin-top:-5px; 
 clear: both;
 color: #608000;
 font-weight:bold;
 list-style-type: none;
 }
 
.gallery2 {
 margin-top: -30px;

}
 
.photocredito2 {
 font-family: BATIKWORLDWIDE_PERSONALUSE;
 font-size: 15px;
 color: #f385e2;
 margin-top: -5px;
}
 
.pagination {
 margin-top: -55px;
 
 }

/* CSS para GRID (Galeria) de Videos */ 
.Gallery6 {
 margin-top: 8px;
}

.Gallery7 {
 margin-top: -42px;
}

.VideoGallery {
 width: 100%;
}
 
/* CSS para Zoom da Galeria de Fotos */
.modalImgZoom {
 width:100%;
}
 
.card01 {
 display: inline-block;
 border: 5px solid #ffffff;
 border-radius: 5px;
 background-color: #005266;
}
 
.itemsflags {
border: 1px solid #8c8cd9;
float: left;
margin-top: 0px;
}
 
.namemargin {
 position: relative;
 bottom: -1px;
}

.itemszodiaco {
border: 1px solid #8c8cd9;
float: right;
margin-top: 0px;
background-color: #4d004d;
}