/* ==========================================================================
   
    ---------------------------------
    Author's Custom Styles
    ---------------------------------
   
      [1] TEXT/LAYOUT 
      [2] NAVBAR
      [3] CONTENT
      [4] SIDEBAR
      [5] FULL CALENDAR

/* ====================================================
   Text/Layout
======================================================= */
.nav>li>a {
    font-size: 14px;
    color: black;
    padding: 11px 7px 0px 7px;
}
.site-header {
	line-height: 1.6em;
    /*line-height: 1.2em;*/
    /*margin-left: 15px;*/
    float: left;
    margin-top: 1.79em;
    letter-spacing: 0.05em;
}
.title {
    padding-bottom: 5px; 
    border-bottom: 2px dashed #f2f2f2;
}
.event-title {
    color: #4d4d4d;
	font-size: 1.5em;
	/*font-size: 1.6em;*/
    /*margin: 0px 0 0 20px;*/
}
.event-date {
    color: #7d7d7d;
}
h2 {
    padding-top: 0px;
}
/*.circle li{
    list-style: disc;
    font-size: 15px;
    margin: 20px;
}*/
li {
    list-style: none;
}
.ls li {list-style: none !important;}
/*
.ls li:before {
    font-family: FontAwesome;
    margin-right: 10px;
    padding-bottom: 10px;
    color: #00adef;
    content: "\f101";
    font-size: 17.03px;
    line-height: 1.1;
    float: left;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
*/
}
ul, menu, dir {
    -webkit-padding-start: 0px;
    -moz-padding-start: 0px;
    -o-padding-start: 0px;
}
#title .date {
    color: #337ab7;
}
.box {
    background: #f2f2f2;
    padding: 30px;
}
.fa-arrow-right {
    padding-top: 10px;
}
.fa-exclamation-circle {
    color: #00acf1;
    margin-top: -35px;
    margin-left: -61px;
    float: left;
}
.fa-comment {
    font-size: 10em;
    margin-left: 25%;
    float: left;
}

.fa-caret-down {
    display: inline;
    float: right!important;
}

.fa {
    display: block;
    float: left;
    padding-right: 10px;
}

/* ====================================================
   Navbar
======================================================= */
#site-main-menu .nav-item:hover, #site-main-menu .nav-item:focus, #site-main-menu .nav-item > a.open {
    background-color: #f2f2f2; 
}

#site-main-menu .nav-item > a:hover, #site-main-menu .nav-item > a.open {
    /*border: 1px solid #dedede;*/
    color: #4d4d4d;
    background-color: #f2f2f2; 
}
#site-main-menu .nav-item a:focus {
    color: #4d4d4d;
}

/* ==========================================================================
   Content
========================================================================== */
.region-content {
    padding-right: 40px;
}
.page-header {
    border-bottom: #00adef solid 4px;
    /*border-bottom: 4px solid #eee;*/
}
.untv {
    margin-left: 5em;
}
#map {
    width: 100%;
    height: 400px;
    background-color: #CCC;
    border: 4px solid #f2f2f2;
}
.icon {
    padding-left: 40px;
    padding-top: 10px;
}   
/*------Media alert--------*/
div#focus {
    max-width:100%;
    border: 10px solid #4d4d4d;
    margin: 40px auto 40px auto; 
}
#focus>h3{
    background-color:#4d4d4d;
    color:#ffffff;
    margin: -10px -16px 10px -16px;
    padding: 0.3em;
    font-size: 19px;
    line-height: 26px;
    padding-left: 2.0em;
    padding-right: 1em;
}
#focus p {
	margin: 0em;
	line-height: 1.2em;
	font-size: 16px;
	padding-top: 0.5em;
	padding-right: 1.4em;
	padding-bottom: 1em;
	padding-left: 1.4em;
}

#focus ul { padding-top: 1em;
	padding-right: 1.4em;
	padding-bottom: 0em;
	padding-left: 1.4em; }
	
#focus ul li { list-style: square; padding:0; margin-left:2em; font-size: 16px; padding-bottom:0.5em}

/*div#focus {
    max-width:100%;
    border: 10px solid #4d4d4d;
    margin: 40px auto 40px auto; 
}
#focus>h3 {
    background-color:#4d4d4d;
    color:#ffffff;
    margin: -10px -16px 10px -16px;
    padding: 0.3em;
    font-size: 19px;
    line-height: 26px;
    padding-left: 2.0em;
    padding-right: 1em;
}
#focus p {
    padding: 1.5em;
    margin: 0em;
    line-height: 1.5em;
    font-size: 16px;
}*/
/*------ Accreditations -------*/
.acc h4 { 
    color: #4d4d4d;
    font-size: 1.5em;
}
.account {
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    color: #fff;
    background-color: #00acf1;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0,172,241,0.32);
    -moz-box-shadow: 5px 5px 0px 0px rgba(0,172,241,0.32);
    box-shadow: 5px 5px 0px 0px rgba(0,172,241,0.32);
    left: 3%;
    position: relative;
}
.account-steps {
    font-weight: 600;
    font-size: 23px;
    -webkit-border-radius: 25px; 
    -moz-border-radius: 25px;   
    border-radius: 25px;
    height: 2em;
    width: 2em;
    padding: 5px;
    border: 3px #00acf1 solid;
}
.account:hover {
    color: #4d4d4d;
}

.pdd .account {
    left:0;
    bottom: -3px;
}
.pdd .row {
    padding-bottom: 15px;
    padding-top: 15px;
}

/*------Events--------*/

.upcoming-events li {
    list-style: none;
    border-bottom: 1px dashed #9a9a9a;
    padding: 15px 0px 10px 0px;
    
}
.upcoming-events a {
    color: #337ab7;
    font-size: 18px;
    font-weight: 600;
}
.upcoming-events .date {
    color: #666;
    padding-top: 5px;
    font-size: 16px;
}

/* ==========================================================================
   Sidebar
========================================================================== */
.block {
    padding: 10px 0px 10px 0px;
}

.block h4 {
    border-bottom: #00adef solid 3px;
    padding-bottom: 7px;
    margin-bottom: 9px;
    color: #4d4d4d;
    font-weight: bold;
}
.guidelines {
    font-size: 1.2em;
    color: #fff;
    background-color: #00acf1;
    margin: 10px 0px;
}
.guidelines:hover {
    color: #4d4d4d;
}
.guidelines .fa {
    display: block;
    float:left;
    margin: 0px 10px 0px 19px;
    font-size: 1.6em;
} 
#sg {
    border: 4px solid #f2f2f2;
}
.region-sidebar {
    padding-right: 0;
    padding-left: 0;
}
.faqs {
    padding: 20px;
    background: #f2f2f2;
    overflow: scroll;
    height: 400px;
    width: 100%;
}
.faqs b{
    color: #337ab7;

}
.bubble {
    padding-left: 24%;
}
.un-brandbar-welcome-lr::after{
	content:"Bienvenidos a las Naciones Unidas" !important;
}	

/* ==========================================================================
   Calendar-Monthly Update
========================================================================== */

.sidebar .widget {
    margin-bottom: 45px;
    position: relative;
}
div.em-calendar-wrapper {
    position: relative;
}
.eventful a  {
    color: #fff;
    font-weight: 600;
}
.eventful-today a  {
    color: #fff;
    font-weight: 600;
}
.eventful {
    background-color: #abc40e;  
}

.eventful-today {
    background-color: #929292;
}

.eventful-post {
    font-weight: 600;
}
.days-names {
    font-weight: 600;
    color: #929292;
}
table.em-calendar td {
    padding: 3px 4px;
    text-align: center;
}
table.em-calendar thead {
    font-size: 120%;
    font-weight: 600;
    color: #337ab7;
}

/* ==========================================================================
   Full Calendar
========================================================================== */


.fc-toolbar h2 {
    font-size: 155%;
    font-weight: 600;
    color: #337ab7;
}
.fc-icon {
    color: #337ab7;    
}
.fc-center {
    margin-top: 6px;
}

.fc-toolbar {
    /* margin-bottom: 1em; */
}
.fc-day-header {
    font-weight: 400;
    color: #fff;
}
.fc-button {
    border: none;
    background-color: #fff;
    box-sizing: content-box;
}
.fc-body tr {
    border-bottom: none;
}

.fc-basic-view .fc-body .fc-row {
    min-height: 3em;
}
.fc-event {
    line-height: 0.5 !important;
    width: 8px;
    height: 9px;
    background-color: #337ab7 !important;
    z-index: 9999999;
}

.fc-title {
    color: #337ab7;
    font-weight: 600;
    visibility: hidden;
}

.fc-head-container {
    background-color: #abc40e;
}
.fc-day-number {
    padding-top: 10px !important;
}

/* ==========================================================================
   TABLES
========================================================================== */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100% !important;
    margin: 2% 0%;  
}
tr {
    border-bottom: 1px solid #eee;
}
td, th {
    border: none;
    padding: 10px 30px;
}


@media (max-width: 660px){
.site-header-sm {
width: 130% !important;
font-size: 1em !important;
margin-top: 0px !important;
}

#page-featured-image {
    margin: 0px;
}

.journal, .untv {
    padding-left: 15px; 
}
.untv {
    margin-left: 0; 
}

.account {
    font-size: 10px;
    padding: 6px;
    
}
.en {
	background-color: #666666;
	color: #FFFFFF;
	font-size: 75% !important;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}