/*
Theme Name: My Theme
Author: Hostinger
Author URI: http://www.hostinger.com/tutorials
Description: My first responsive HTML5 theme
Version: 1.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/




@media screen and (max-width: 400px) {
  .content-area,
  .primary-sidebar {
    width: 100%;
  }
}

@media screen and (max-width: 800px) {
  .article-loop {
    width: 99%;
  }
}



/* ALL ------------ */
body {
background: #030303;
font-family: Arial, Helvetica, sans-serif;

color: #D7DADC;
}
* {box-sizing: border-box;}
a {
color: #f1f6f9;
text-decoration: none;
}
a:hover {
color: #8d9fb2;
}
/* ALL ------------ */




.footer_container {
  width: 100%;
  padding-left: 1%;
  margin-top: 4px;
  margin-bottom: 8px;
border-top: solid 1px #343536;
border-bottom: solid 1px #343536;
background: #1A1A1B;
  color: #D7DADC;
  text-align: center;
font-size: 12px;
}





.content_container {
width: 100%;
max-width: 720px;
min-width: 350px;
min-height: 650px;
border: solid 1px #343536;
margin-left: auto;
margin-right: auto;
background: #1A1A1B;
color: #D7DADC;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 4px;
}


.content_container_blank {
width: 100%;
max-width: 720px;
min-width: 350px;
margin-left: auto;
margin-right: auto;
color: #D7DADC;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 4px;
}





.head_container {
width: 100%;
border-bottom: solid 1px #343536;
background: #1A1A1B;
color: #D7DADC;
display: inline-block;
vertical-align: top;

background-image: url("/dump/logo_bg.png");
background-repeat: no-repeat;
background-size: 50px 50px;
}
.head_container a{
color: #f4f4f4;
}

.logo_container {
float: left;
width: 30%;
border: solid 0px red;
padding-left: 50px;
padding-top: 8px;
}
/* menu logo */
.logo_container a{
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
/* menu container 1 */
.menu_container {
float: left;
width: 70%;
border: solid 0px red;
}
/* menu container 2 */
.menu_container ul {
float: right;
list-style-type: none;
border: solid 0px red;
margin: 0px;
padding: 10px;
}
/* menu items */
.menu_container .menu_item {
float: left;
list-style-type: none;
border: solid 0px blue;
margin: 0px;
font-size: 14px;
padding: 5px;
}
.menu_container .menu_item.menu_active {
font-weight: bold;
}
.menu_container .dashicons {
font-size: 14px;
}


















.upload_form {
margin: 15px;
height: 65px;
border: solid 0px red;
background: #323334;
border-radius: 4px;
padding: 10px;
}
.upload_form_tooltip {
float: left;
width: 100%;
border: solid 0px gray;
border-radius: 4px;
margin-left: 2px;
margin-top: 4px;
font-size: 12px;
opacity: .5;
}
.upload_form_button_L {
float: left;
width: 40%;
border: solid 0px blue;
}
.upload_form_button_L:hover{
color: #3a8dc1;
}
.upload_form_button_R {
float: right;
width: 100px;
border: solid 0px blue;
}
.upload_form_button_R input{
width: 100%;
background: #1A1A1B;
border: 0px;
color: #9a9a9a;
padding: 8px;
border-radius: 4px;
font-size: 12px;
font-weight: bold;
}
.upload_form_button_R input:hover{
background: #1e569a;
color: white;
}



.upload_label {
float: left;
width: 35%;
border: solid 0px blue;
padding: 5px;
margin-bottom: 5px;
}
.upload_text {
float: left;
width: 65%;
border: solid 0px blue;
padding: 5px;
margin-bottom: 5px;
}

.upload_tag_container {
float: left;
position:relative;
width:65%;
height:25px;
border:0;
padding:0;
margin:0;
}

.upload_tag_container select{
position:absolute;
top:0px;
left:0px;
width:100%;
height:25px;
line-height:20px;
margin:0;
padding:0;
}

.upload_tag_container input{
position:absolute;
top:0px;
left:0px;
width:93%;
height:25px;
border:1px solid #556;
}










.bottom_container {
width: 100%;
padding: 10px;
margin-bottom: 40px;
min-height:50px;
border: solid 0px red;
}



.loop_list_container {
width: 100%;
padding-left: 3px;
padding-top: 10px;
padding-bottom: 10px;
border: solid 0px blue;
}
.menu_tree {
font-size: 13px;
}



.profile_role {
border: solid 1px #b73e3e;
color: #b73e3e;
border-radius: 4px;
padding: 0px 2px 0px 2px;
margin: 4px;
font-size: 13px;
}


.profile_ban_btn {
border: solid 1px #b73e3e;
color: #b73e3e;
border-radius: 4px;
padding: 0px 2px 0px 2px;
margin: 4px;
font-size: 13px;
}








.media_container {
display: flex;
height: 60px;
border-bottom: solid 1px #343536;

}
.media_container:hover {background: #212426;border-bottom: solid 1px #444749;}

.media_left {
flex-grow: 1;
width: auto;
min-width: 60px;
max-width: 60px;
height: auto;
border: solid 0px green;
text-align: center;
padding-top: 4px;
}
.media_middle {
flex-grow: 1;
width: 60%;
height: auto;
border: solid 0px blue;
}
.media_middle_split {
flex-grow: 1;
width: auto;
height: 24px;
border: solid 0px orange;
}
.media_right {
flex-grow: 1;
width: auto;
min-width: 60px;
max-width: 60px;
color: #ba3e3e;
font-size: 11px;
padding-top: 22px;
text-align: center;
border: solid 0px red;
}
.media_right:hover {
color: #8d9fb2;
}

.media_left img {
width: 50px;
height: 50px;
border-radius: 2px;
}
.media_left .video {
border-radius: 40px;
border: solid 2px #cc2626;
}
.media_left .thumb_icon{
position: absolute;
width: 50px;
margin-top: 16px;
margin-left: 6px;
text-align: center;
border: solid 0px red;
}
.media_left .thumb_icon .dashicons-controls-play{
color: #cc2626;
text-shadow: 0px 0px 2px  #030303;
}
.media_left .dashicons-category{
color: #F6B83E;
font-size: 36px;
margin-top: 7px;
}
.media_left .dashicons-archive{
color: #91b3b7;
font-size: 36px;
margin-top: 7px;
}
.media_left .dashicons-media-archive{
color: #8d9fb2;
font-size: 36px;
margin-top: 7px;
}
.post_folder_thumb_container .dashicons-media-archive{
color: #8D9FB2;
font-size: 18px;
width: 18px;
height: 20px;
padding-top: 1px;
position: absolute;
margin-top: 28px;
margin-left: -22px;
border: solid 0px #1A1A1B;
background: #1A1A1B;
border-radius: 2px;
opacity: 1;
}
.media_left .dashicons-admin-page{
color: #8d9fb2;
font-size: 36px;
margin-top: 7px;
}






.media_left .post_folder_thumb_container {
    position: relative;
    display: inline-block; /* or block depending on layout */
}

.media_left .post_folder_thumb_img {
    display: block;
    width: 100%;
}

.media_left .post_folder_thumb_container .dashicons {
    position: absolute;
    top: 2px;
    right: 0px;
	opacity: .7;

    font-size: 20px;
    color: #fff;

    background: rgba(0,0,0,0.6);
    padding: 1px;
	
    border-radius: 1px;
	width: 20px;
	height: 20px;
}









.media_loop_select_all_delete_box {
float: right;
font-size: 11px;
padding: 8px;
margin-right: 5%;
}
.media_loop_title {
width: 100%;
height: auto;
padding: 3px;
font-size: 13px;
border: solid 0px red;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.media_loop_title.folder_post{float: left;margin-top: 12px;}
.media_loop_title.media{margin-top: 6px;}

.media_loop_info {
padding-left: 3px;
font-size: 11px;
opacity: .6;
}
.media_loop_info_puller .dashicons{
font-size: 11px;
color: #95bb43;
width: 14px;
}

.media_loop_info .no_pulls{
font-size: 11px;
color: #e57070;
}
.media_loop_info .author{
font-size: 11px;
color: #68aad1;
}



.media_loop_container {
width: 100%;
padding: 6px;
font-size: 12px;
display: table;
border-bottom: solid 1px #343536;
}
.media_loop_container.video{
background: #1f2326;
}
.media_loop_container.image{

}


.media_loop_delete{
width: 100%;
color: #ba3e3e;
border: solid 0px #ba3e3e;
}







.media_loop_container img{
width: 40px;
height: 40px;
object-fit: cover;
}



.upload_form_button_L {
width: 130px;
background: #1b1b1b;
border-radius: 4px;
padding-left: 10px;
padding-right: 10px;
}
.upload_form_button_L img{
filter: invert(42%) sepia(93%) saturate(1352%) hue-rotate(87deg) brightness(119%) contrast(119%);
}
.upload_form_button_L:hover {
background: #1e569a;
color: white;
}

.select_delete_all_label {
float:right;
margin-bottom: 5px;
margin-right: 0px;
margin-left: 70%;
padding: 6px;
border: solid 0px #343536;
text-shadow: 0px 0px 5px black;
border-radius: 4px;
font-size: 13px;
color: #ba3e3e;

}

.button {
margin-right: 10px;
padding: 4px;
background: #343536;
border: solid 1px #343536;
text-shadow: 0px 0px 5px black;
border-radius: 4px;
}
.button_blank {
margin-right: 10px;
padding: 6px;
text-shadow: 0px 0px 5px black;
border-radius: 4px;
}

.button_delete {
float:right;
margin-right: 10px;
padding: 4px;
background: #ba3e3e;
border: solid 1px #343536;
text-shadow: 0px 0px 5px black;
border-radius: 4px;
}
.button_delete input{
background: #ba3e3e;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}

.button_upload {
float:right;
margin-right: 10px;
padding: 4px;
background: #343536;
border: solid 1px #343536;
text-shadow: 0px 0px 5px black;
border-radius: 4px;
}
.button_upload b{
font-size: 13px;
font-weight: 300;
padding: 6px;
}
.button_upload .dashicons{
font-size: 17px;
padding: 3px;
}
.button_none {
float:right;
font-size: 13px;
margin-right: 10px;
padding: 7px;
color: #818384;
border: solid 1px transparent;
text-shadow: 0px 0px 5px black;
border-radius: 4px;
}

#rename_popup {
display: none;
background: #1A1A1B;
max-width: 420px;
min-width: 350px;
width: 100%;
border: solid 1px #343536;
border-radius: 4px;
padding: 8px;
}
.rename_form input[type="text"]{
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 4px;
padding: 4px;
}
.rename_form span{
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 12px;
}


#search_popup {
display: none;
background: #1A1A1B;
max-width: 420px;
min-width: 350px;
width: 100%;
border: solid 1px #343536;
border-radius: 4px;
padding: 8px;
}
.search_form input[type="text"]{
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 4px;
padding: 4px;
}
.search_form span{
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 12px;
}



#add_popup {
display: none;
background: #1A1A1B;
max-width: 420px;
min-width: 350px;
width: 100%;
border: solid 1px #343536;
border-radius: 4px;
padding: 8px;
}
.add_popup input[type="text"]{
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 4px;
padding: 4px;
}
.add_popup span{
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 12px;
}




#move_popup {
display: none;
background: #1A1A1B;
max-width: 420px;
min-width: 350px;
width: 100%;
border: solid 1px #343536;
border-radius: 4px;
padding: 8px;
}
.move_popup .post_parent{
float: left;
width: 100%;
margin-top: 20px;
margin-bottom: 4px;
border: solid 1px red;
padding: 4px;
}
.move_popup span{
float: left;
width: 100%;
margin-bottom: 20px;
font-size: 12px;
}











pre {
background: #363637;
padding: 4px;
}












/*
UploadiFive
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
*/


.uploadifive-queue-item {
background-color: #303132;
border-bottom: 1px solid #343536;
font: 12px Arial, Helvetica, Sans-serif;
margin-top: 3px;
padding: 15px;
}
.uploadifive-queue-item .close {
background: url('uploadifive-cancel.png') 0 0 no-repeat;
display: none;
float: right;
height: 16px;
text-indent: -9999px;
width: 16px;
}
.uploadifive-queue-item .progress {
border: 1px solid #D0D0D0;
margin-top: 5px;
width: 100%;
}
.uploadifive-queue-item .progress-bar {
background-color: #0072BC;
height: 6px;
width: 0;
}



#queue {
border: 0px solid #E5E5E5;
overflow: auto;
margin-bottom: 10px;
padding: 0 3px 3px;
width: 100%;
}










.msg {
padding: 10px;
color: #030303;
font-size: 16px;
background: #8d9fb2;

width: 100%;
max-width: 720px;
min-width: 350px;
min-height: 20px;
border: solid 1px #343536;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}



.msg_red {
padding: 10px;
color: #030303;
font-size: 16px;
background: #eac7c7;

width: 100%;
max-width: 720px;
min-width: 350px;
min-height: 20px;
border: solid 1px #343536;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.msg_red a{
color: #BA3E3E;
}

.msg_yellow {
padding: 10px;
color: #030303;
font-size: 16px;
background: #e8e1c7;

width: 100%;
max-width: 720px;
min-width: 350px;
min-height: 20px;
border: solid 1px #343536;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.msg_yellow a{
color: #BA3E3E;
}

.msg_green {
padding: 10px;
color: #030303;
font-size: 16px;
background: #cce5c5;

width: 100%;
max-width: 720px;
min-width: 350px;
min-height: 20px;
border: solid 1px #343536;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.msg_green a{
color: #BA3E3E;
}

.msg_default {
padding: 10px;
color: #F4F4F4;
font-size: 16px;
background: #1A1A1B;

width: 100%;
max-width: 720px;
min-width: 350px;
min-height: 20px;
border: solid 1px #343536;
border-radius: 4px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.msg_default a{
color: #8393A5;
}









.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1%; /* optional spacing between numbers */
  margin-top: 20px; /* adjust as needed */
}

.page-numbers {
border: solid 1px #343536;
background: #343536;
padding: 8px;
border-radius: 4px;
font-size: 16px;
}


.page-numbers.current{
background: transparent;
border: solid 1px transparent;
}





.account_settings_title {
float: left;
margin-left: 1%;
margin-top: 5%;
}
.account_settings_tooltip {
float: left;
width: 98%;
margin-left: 1%;
font-size: 12px;
opacity: .5;
}
.account_settings_tooltip .dashicons{
max-width: 14px;
max-height: 14px;
font-size: 16px;
}

.account_settings_text {
float: left;
width: 98%;
padding: 4px;
margin-left: 1%;
}

.account_settings_submit {
float: left;
padding: 8px;
margin-left: 1%;
margin-top: 5%;
}


.account_settings_sync_button {
float: left;
width: 98%;
margin: 1%;
}
.account_settings_sync_button div{
float: left;
margin-right: 10px;
padding: 4px;
background: #296caa;
border: solid 1px rgba(255,255,255,0.6);
border-radius: 4px;
}
.account_settings_sync_button div:hover{
background: #00b38f;
color: black;
border: solid 1px rgba(255,255,255,0.6);
text-shadow: 0px 0px 5px rgba(255,255,255,0.6);
}
.account_settings_sync_button span{
float: left;
padding: 4px;
}














.popup_video {
border-radius: 4px!important;
display: none;
width: 100%!important;
max-width: 650px!important;
padding: 6px!important;
background: #000000!important;
border: solid 1px #323236!important;
position: relative!important;
}
.popup_video iframe {
background: transparent;
height: 650px;
width: 100%;
border: solid 1px #818384;
}
.popup_video_title {
position: absolute;
z-index: 9;
color: #323236;
margin: 5px;
}
.popup_video video {
height: 380px;
}

.popup_video a:focus, a:active { /*remove blue white border in video player*/
outline: none!important;
-moz-outline-style: none!important;
}
video:focus { /*remove blue white border in video player*/
    outline: none;
}
.popup_video_header {
float: left;
width: 100%;
border: solid 0px #343434;
overflow: hidden;
}
.popup_video_header .video_title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 50%;
border: solid 0px #343434;
}



























/* SIMPLE ACTIONS - SIMPLE STYLES */
.float_right{float: right!important;}
.float_left{float: left!important;}
.bg_white{background-color: white!important;}
.bg_black{background-color: #1A1A1A!important;}
.margin_top_10{margin-top: 10px!important;}
.margin_left_10{margin-left: 10px!important;}

.devider{border-top:1px solid black;}
.divider{border-top:1px solid black;width:100%;}
.spacer{padding-top: 1px; width:100%;float: left;}
.spacer_2{padding-top: 2px; width:100%;float: left;}
.spacer_3{padding-top: 3px; width:100%;float: left;}
.spacer_4{padding-top: 4px; width:100%;float: left;}
.spacer_5{padding-top: 5px; width:100%;float: left;}
.spacer_10{padding-top: 10px; width:100%;float: left;}
.spacer_20{padding-top: 20px; width:100%;float: left;}
.spacer_30{padding-top: 30px; width:100%;float: left;}
.spacer_40{padding-top: 40px; width:100%;float: left;}
.spacer_50{padding-top: 50px; width:100%;float: left;}
.spacer_60{padding-top: 60px; width:100%;float: left;}
.spacer_70{padding-top: 70px; width:100%;float: left;}
.spacer_80{padding-top: 80px; width:100%;float: left;}
.spacer_90{padding-top: 90px; width:100%;float: left;}
.spacer_100{padding-top: 100px; width:100%;float: left;}
.width_max{width:100%;}
.padding-top-20{padding-top: 20px;}
.padding-top-10{padding-top: 10px;}
.padding-bottom-20{padding-bottom: 20px;}
.padding-bottom-10{padding-bottom: 10px;}
.padding_left_5{padding-left: 10px;}
.padding_left_10{padding-left: 10px!important;}
.margin-top-20{margin-top: 20px;}
.margin-bottom-20{margin-bottom: 20px;}
.display_none{display:none!important;}
.visibility_hidden{visibility:hidden;}
.stroke{text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
.opacity_0{opacity: 0;}
.opacity_10{opacity: .10;}
.opacity_20{opacity: .20;}
.opacity_25{opacity: .25;}
.opacity_30{opacity: .30;}
.opacity_40{opacity: .40;}
.opacity_50{opacity: .5;}
.opacity_60{opacity: .6;}
.opacity_70{opacity: .70;}
.opacity_75{opacity: .75;}
.opacity_80{opacity: .80;}
.opacity_90{opacity: .90;}
.text_align_center{text-align:center;}
.auto_margin{
margin-left: auto;
margin-right: auto;
}
.font_size_9{font-size: 9px;}
.font_size_10{font-size: 10px;}
.font_size_11{font-size: 11px;}
.font_size_12{font-size: 12px;}
.font_size_13{font-size: 13px;}
.font_size_14{font-size: 14px;}
.font_size_15{font-size: 15px;}
.font_size_16{font-size: 16px;}
.font_size_17{font-size: 17px;}
.font_size_18{font-size: 18px;}
.font_size_19{font-size: 19px;}
.font_size_20{font-size: 20px;}