/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
.single-tribe_events .tribe-events-schedule {
    background: #fafafa;
    border: 1px solid #eee;
    margin: 18px 0 8px;
    padding: 12px;
}

.action-button > a {
    margin-top: 0 !important;
}

.text-uppercase{
	text-transform: uppercase;
}
.phone-info > span > i {
	font-size: 16px;
}
@media(max-width: 1100px){
	.av-main-nav > li > a {
	    padding: 0 6px !important;
	}
}
#socket .copyright {
    float: right !important;
}
.avatar{
    width: 20px;
    height: auto; 
    border-radius: 50%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 5px;
    float: right;
    right: -22px;
}

.um-account-meta.radius-1 img{
    width: 50% !important;
}

.milestones > .container {
    max-width: 100% !important;
}

.justify{
    text-align: justify;
}

.mbtext{
    position: relative;
    left: 85px;
    top: -75px;
    padding-right: 20px;
    width: 75%;
}
.itsoTitle{
    display: -webkit-inline-box;
    font-weight: bold;
    line-height: 20px;
    font-size: 11px;
    padding: 5px 0;
    color: #ffffff;
    text-transform: uppercase;
}

.fullwidth > div,
.fullwidth > div > img{
    width: 100% !important;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

@media only screen and (max-width: 989px){
    .itsoTitle{
        display: none;
    }
}

.tribe-list-widget > li > .tribe-events-event-image{
    float: left;
}

.ml85{
    margin-left: 85px;
}

.tribe-events-content > p {
    text-align: justify;
}

#rtec{
    max-width: 100% !important;
    text-align: -webkit-center;
    margin-top: 15px;
}

div.rtec-outer-wrap.rtec-js-placement{
	padding: 75px 0 0 0 !important;
}

#rtec .rtec-register-button {
    position: relative;
    margin-bottom: 30px;
    padding: 12px 40px 12px 40px;
    padding-right: 40px !important;
    font-size: 16px;
    background-color: #002959;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
#rtec .rtec-register-button:hover {
    background-color: #9cc3df;
}

#rtec .tribe-bar-toggle-arrow{
    display: none;
}

#rtec .rtec-form-wrapper {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    margin: 0 auto 30px;
    padding: 30px;
    border: 1px solid #ddd;
    background: #eee;
    text-align: left;
}

.single-tribe_events .tribe-events-cal-links {
    clear: both;
    text-align: -webkit-center;
}

#top #wrap_all .main_color .tribe-events-button{
    background-color: #002959;
    border-color: #002959;
}

@media only screen and (min-width: 989px){
    .responsive .tribe-events-single-section.tribe-events-event-meta.primary .tribe-events-meta-group {
        width: 100% !important;
        margin-right: 0 !important; 
    }
}

.main_color dt{
    text-transform: uppercase;
}

.tribe-events-single-section-title{
    text-transform: uppercase;
    color: #002959 !important;
}

.document-icon img {
    width: auto !important;
    max-width: 100% !important;
    border: 0;
    margin: 0 auto;
    max-height: 85px;
}

.document-gallery .document-icon .title {
    display: block;
    text-align: center;
    background: #002959;
    color: #ffffff;
    font-size: small;
    line-height: initial;
    padding: 5px;
    margin: 0 -25%;
    position: relative;
    bottom: -15px;
}

.document-gallery .descriptions.document-icon-row .document-icon {
    max-width: none;
    padding: 15px;
    float: left;
    width: 25% !important;
}

/*
Desktop Styles FHD and beyond
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 1756px) {
  /* Add your Desktop Styles here */
    div.document-icon {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        background-color: #f3f3f3;
        padding: 15px;
        width: 16.3% !important;
    }
    .document-gallery .document-icon .title {
        display: block;
        text-align: center;
        background: #002959;
        color: #ffffff;
        font-size: initial;
        line-height: initial;
        padding: 5px;
        margin: 0 -25%;
        position: relative;
        bottom: -15px;
    }
}
	.document-gallery .descriptions.document-icon-row p {
		font-size: small;
		text-align: justify;
		margin-left: 5px;
	}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) and (max-width: 1755px) {
  /* Add your Desktop Styles here */
    div.document-icon {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        background-color: #f3f3f3;
        padding: 15px;
        width: 16.3% !important;
    }
    .document-gallery .document-icon .title {
        display: block;
        text-align: center;
        background: #002959;
        color: #ffffff;
        font-size: small;
        line-height: initial;
        padding: 5px;
        margin: 0 -25%;
        position: relative;
        bottom: -15px;
    }
}
	.document-gallery .descriptions.document-icon-row p {
		font-size: small;
		text-align: justify;
		margin-left: 5px;
	}


/*------ especial ------*/
@media (min-width: 878px) and (max-width: 985px){
    div.document-icon {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        background-color: #f3f3f3;
        padding: 15px;
        width: 33% !important;
    }
}
@media (min-width: 768px) and (max-width: 877px){
    div.document-icon {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        background-color: #f3f3f3;
        padding: 15px;
        width: 32.9% !important;
    }
}
/*
Mobile Styles >320px
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
	#top #header_meta a, #top #header_meta li, #top #header_meta .phone-info {
		color: #969696 !important;
	}
    div.document-icon {
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
        background-color: #f3f3f3;
        padding: 15px;
        width: 49.28% !important;
    }
    .document-gallery .document-icon .title {
        display: block;
        text-align: center;
        background: #002959;
        color: #ffffff;
        font-size: smaller;
        line-height: initial;
        padding: 5px;
        margin: 0 -25%;
        position: relative;
        bottom: -15px;
    }
    .document-gallery .descriptions.document-icon-row {
		vertical-align: top !important;
		display: inline-block;
		width: 100%;
		height: 75%
	}
	.document-gallery .descriptions.document-icon-row p {
		font-size: small;
		text-align: justify;
		margin-left: 5px;
	}
	.document-gallery .descriptions.document-icon-row .document-icon .title{
		margin:0 -40%;
	}
}