header {
  display: none !important;
}

#site-header {
  display: none;
}

.image-n-name-wrap {
  top: -90px;
}

.gc-bg {
  background-color: #232554;
}

.font-lg {
  font-size: 24px;
}

#profile_image {
  /*width: 200px;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
    align-items: flex-end;
}

#profile_image img{
  border-radius: 50%;
  border: 2px solid #dedede;
}

#profile_image .edit {
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  width: 200px;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  display: none;
  height: 200px;
}
.name.h2.profile-name {
    margin-bottom: 25px;
}
#profile_image .edit input, #gc_edit_banner_input {
  display: none;
}
.profile-image:hover .edit {
  display: flex !important;
}
.banner_image_wrap .btn_wrap{
  right: 10px;
  bottom: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-container {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 190px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown-container:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-container:hover .drop-btn {
  background-color: #3e8e41;
}

.entry-content
  > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  max-width: none !important;
}

.error-msg {
  color: red;
  font-size: 15px;
}

.dropdown-container button.drop-btn {
  border: none;
} 
.comments-area {
  display: none;
}
/*.banner_image_wrap img {
    opacity: 63%;
}*/

/* Start Custom CSS. Added By: Chirag Mistry- +918758380678 */

.site-footer { 
    background-color: #232554;
    margin-top: 55px;
    color: #fff;
    font-size: 19px;
}

/*Tooltip CSS Banner*/

label.gc-tooltip-parent {
    position: relative;
}

span.gc-tooltip-banner {
    position: absolute;
    top: 0px;
    background-color: #232554;
    left: -175px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    line-height: 25px;
    width: 350px;
    font-weight: 600;
    opacity: 0;
    transition: 0.5s;
}
.gc-tooltip-parent:hover span.gc-tooltip-banner {
    opacity: 1;
    transform: translate(0px, -45px);
}
.alert-danger {
    color: red;
    background-color: transparent;
    border-color: transparent;
    font-size: 18px;
    margin-top: 9px;
    display: block;
}

.alert-success {
    color: #155724;
    background-color: transparent;
    border-color: transparent;
    font-size: 18px;
    margin-top: 9px;
    display: block;
}



/*Tooltip CSS Profile Image*/
span.gc-tooltip-profile {
    position: absolute;
    top: 0px;
    background-color: #232554;
    left: 0px;
    padding: 5px 10px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 17px;
    line-height: 25px;
    width: 350px;
    font-weight: 600;
    opacity: 0;
    transition: 0.5s;
}
.profile-image:hover span.gc-tooltip-profile {
    opacity: 1;
    transform: translate(0px, -45px);
}

/*Tab Css for +/- OPINIONS Start*/
.tab-wrap {
    background-color: #232554;
    border: 2px solid #232554;
}

body .tab-wrap a {
    color: #fff !important;
    font-size: 20px;
    display: block;
    padding: 5px;
    text-decoration: none;
    font-weight: 600;
    border: 2px solid #232554;
}

a.active.show {
    background-color: #fff;
    color: #232554 !important;
}

li.tab-heading {
    padding: 0;
}
.open-notification .tab-content.tab-heading-wrap.clearfix.col-md-7, .open-notification .nav-pills {
    opacity: 0.5;
    z-index: -999;
    pointer-events: none;
}

a#close-notification {
    position: absolute;
    right: 10px;
    top: 15px;
}
.notification-wrap {
    border: 2px solid #232554;
    border-top: 0;
}

.notification-header {
    border-bottom: 2px solid #232554;
    position: relative;
}
.notification-header h3 {
    text-align: center;
    margin: 0;
    padding: 15px;
}

.notification-item {
    border-bottom: 1px solid #dedede;
}

.notification-item p {
    margin: 0;
}


/*Tab Css for +/- OPINIONS End*/

.social-media-wrap .social-media-item i {
    font-size: 20px;
    margin-right: 6px; 
}
.social-media-wrap .social-media-item {
  text-decoration: none;
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
}

a.admin-loginout {
	background-color: #ffffff;
	border: 2px solid #232554;
	padding: 4px 15px;
	color: #232554;
	vertical-align: middle;
	text-decoration: none;
	font-size: 17px;
	line-height: 23px;
	display: inline-block;
	letter-spacing: 0.7px;
	position: absolute;
	/*top: 10px;*/
	/*right: 0px;*/
	bottom: 0;
    right: 85px;
	border-radius: 5px;
    font-weight: bold;
}

a.admin-loginout:hover {
    color: #ffffff !important;
    background-color: #232554;
}

a.followBtn {
    background-color: #232554;
    border: 2px solid #232554;
    padding: 4px 15px !important;
    color: #ffffff !important;
    vertical-align: middle;
    text-decoration: none;
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 0.7px;
    display: inline-block;
    margin-bottom: 0px;
    border-radius: 5px;
    font-weight: bold;
} 

a.followBtn:hover {
    background-color: #fff;
    color: #232454!important;
}

a.admin-editprofile {
    background-color: #232554;
    border: 2px solid #232554;
    padding: 4px 15px;
    color: #ffffff;
    vertical-align: middle;
    text-decoration: none;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.7px;
    display: inline-block;
    margin-bottom: 10px;
    border-radius: 5px;
}

a.admin-editprofile:hover {
    color: #232554;
    background-color: #ffffff;
}
.social-media-wrap .social-media-item svg {
    width: 20px;
    margin-right: 6px;
    vertical-align: top;
}
a.social-media-item-share {
    background-color: #c36;
    width: 21px;
    display: inline-block;
    line-height: 21px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    vertical-align: middle;
    text-decoration: none;
}

a.fb_messanger svg {
    width: 18px;
}

.notification button ins {
    text-decoration: none;
    position: absolute;
    font-weight: 600;
    top: 0px;
    /*animation: blinker 1s linear infinite;*/
}

.notification button ins:before {content: '(';}

.notification button ins:after {content: ')';}


/*.notification-btn {
    border: 2px solid #232554;
    padding: 4px 15px;
    vertical-align: middle;
    text-decoration: none !important;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.7px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: 600;
}*/
.notification-btn {
    border: 2px solid #232554;
    padding: 4px 15px;
    vertical-align: middle;
    text-decoration: none !important;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.7px;
    display: inline-block;
    margin-right: 10px;
    border-radius: 5px;
    margin-top: 10px;
    font-weight: 600;
}

a.notification-accept.notification-btn { color: #fff !important; background-color: #232554; } 
.notification-accept:hover {} 
a.notification-reject.notification-btn { color: #c36 !important; border-color: #c36; } 
a.notification-reject.notification-btn:hover { background-color: #c36; color: #fff !important; } 
a.notification-accept.notification-btn:hover { background-color: transparent; color: #232554 !important; } 
.watching {
    background-color: #232554;
    border: 2px solid #232554;
    padding: 4px 15px !important;
    color: #ffffff !important;
    vertical-align: middle;
    text-decoration: none;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0.7px;
    display: inline-block;
    margin-bottom: 0px;
    border-radius: 5px;
    /*margin-top: 10px;*/
}

a.opinionsava {
    background-color: #ffffff;
    border: 3px solid #232554;
    padding: 10px 20px;
    color: #232554;
    vertical-align: middle;
    text-decoration: none;
    font-size: 21px;
    line-height: 23px;
    display: inline-block;
    letter-spacing: 0.9px;
    border-radius: 5px;
    text-transform: uppercase;
} 
a.opinionsava:hover { color: #ffffff !important; background-color: #232554; }
.btn-primary.disabled, .btn-primary:disabled {cursor: no-drop;}
.opinion-button span.gc-tooltip-profile {
    right: 15px;
    top: auto;
    text-align: left;
    line-height: 23px;
    bottom: 58px;
    z-index: 9;
    width: 620px;
    padding-top: 2px;
    padding-bottom: 2px;
    left: auto;
}
.opinion-button:hover span.gc-tooltip-profile {
    opacity: 1;
}
.opinion-button span.gc-tooltip-profile a:hover {
    color: #fff !important;
    text-decoration: none;
}

.main-site-list {
/*    position: absolute;
    top: 99px;
    left: 220px;*/
    font-size: 19px;
    font-weight: 600;
}

.main-site-list a {
    text-decoration: underline;
    color: #232554;
    font-weight: 700;
}

button#gc_post_article_btn, button#gc_post_update_article_btn {
    background-color: #232554;
    border: 2px solid #232554;
    padding: 10px 55px;
    color: #ffffff;
    vertical-align: middle;
    text-decoration: none;
    font-size: 23px;
    line-height: 27px;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 5px;
}

button#gc_post_article_btn:hover, button#gc_post_update_article_btn:hover {
    color: #232554;
    background-color: #fff;
}
body .tab-wrap a:hover {
    color: #232554 !important;
    background-color: #fff;
}

label.option_currency {
    position: absolute;
    display: inline-block;
    width: 25px;
    left: -10px;
    height: 38px;
    margin: 0;
    text-align: right;
    vertical-align: middle;
    line-height: 38px;
    font-size: 25px;
    border: 1px solid #666;
    border-right: 0;
}

input#option_price {
    border-left: 0;
    border-radius: 0rem .25rem .25rem 0rem;
    padding: 0px !important;
    font-size: 23px;
    height: 38px;
    margin: 0;
    line-height: 38px;
}

span.follow_count {
    background-color: #232554;
    border: 2px solid #232554;
    padding: 4px 15px;
    color: #ffffff;
    vertical-align: middle;
    text-decoration: none;
    font-size: 17px;
    line-height: 23px;
    display: inline-block;
    letter-spacing: 0.7px;
    position: absolute;
    top: 10px;
    right: 110px;
    border-radius: 5px;
    font-weight: bold;
}
.gc_channel_posts article img {
    display: block;
    margin: 10px auto; 
}
article.border {
    position: relative;
}
a.article-del {
    position: absolute;
    right: 10px;
    font-size: 20px;
    top: 10px;
}
a.article-edit { position: absolute; right: 40px; font-size: 20px; top: 10px; }
.wp-audio-shortcode { border-radius: 45px; } 
.mejs-container .mejs-controls {border-radius: 25px;}


/* The container */
.container-checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  
border: 2px solid #232554;}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
  
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background-color: #232554;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 6px;
  top: 0px;
  width: 9px;
  height: 17px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.article-metas {position: absolute; right: 10px; font-size: 20px; top: 10px;}
.article-metas a, .article-metas i {text-decoration: none;margin: 0px 1px;text-align: center;display: inline-block; color: #3D4363; }
i.fa.fa-star {color: #3D4363;}