/*
Theme Name: Unicaribe
Theme URI: https://unicaribe.edu.do
Author: Unicaribe Developers Team
Author URI: https://unicaribe.edu.do/
Description: Unicaribe is a University Theme, is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: unicaribe

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * 	1.0 Menu Unicaribe
 */
[role="tooltip"] {
    z-index: 9999999;
}

body .grecaptcha-badge{	
	opacity: 0 !important;	
}

body.isform .grecaptcha-badge{	
	opacity: 1 !important;	
}

/*
.nav-menu{
	margin-top:90px;
}
*/
@media(min-width:768px){
	#menu-item-4982{margin-top: -170px; min-height: 175px !important;}
	#menu-item-4982 > a{width: 90%; }
	#menu-item-138{margin-top: -88px;}
	#menu-item-136{margin-top: -105px; min-height: 163px !important;}
	#menu-item-164.menu-item-164{margin-top:4px !important;}
	#menu-item-1869{margin-top:-65px}
	#menu-item-1880 ul.sub-menu li > a{color:white !important; }
	li#menu-item-1657 ul li a { color: #dedede !important;}
	li#menu-item-1869 ul li a { color: #dedede !important;}
	li#menu-item-1880.text-bold.bold.white a {color: white !important;}
}

ul#menu-principal li > ul.sub-menu li#menu-item-138 {
    padding-top: 101px;
}

li#menu-item-163 a {
    position: relative;
    z-index: 99;
    border-bottom: 3px solid #fdba17;
    padding-bottom: 5px !important;
}

.bg-green-postgrado{
	width: 401px;
    position: absolute;
    height: 619px;
    background: #009247;
    margin-left: -11px;
    margin-top: -62px;
    z-index: 1;
}


@media(max-width:560px){
	#menu-item-161{
		margin-top: 46px;
	}	
	.bg-green-postgrado{ height:645px !important;width:100%;}
}

.date-activity {
    border: 1px solid #f1f1f1;
    padding: 8px 25px;
    border-top: 0px;
    background: rgba(251, 251, 251);
}

.activities .activity {
    border: 1px solid #F1F1F1;
}

.detail-activity {
    padding: 25px;
    padding-bottom: 0px;
    padding-top: 12px;
}
.date-activity span {
    color: #039047;
}
.investigacion-unicaribe .page-bannar h1 {
    display: none !important;
}

.investigacion-unicaribe .page-bannar {
    height: 505px;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
    margin-top: -30px !important;
}
.not-padding-right{ padding-right: 0px !important;}

li.college_onboard_new a {
	color: transparent !important;
	cursor:pointer;
}
li.college_onboard_new a {
    background: url(img/CollegeBoard2.png) no-repeat !important;
    background-size: 100% !important;
    height: 60px;
    position: absolute;
    margin-top: -8px;
    width: 190px;
    margin-left: 0px;
}
li.college_onboard_new a:after{
	border:none !important;
}

li.college_onboard a{	
	background: url(img/CollegeBoard2.png) no-repeat !important;    
    background-size: 100% !important;   
    height: 60px;    
    position: absolute;
    margin-top: -8px;
    width: 190px;    
    margin-left: 0px;
}
	
li.college_onboard a{
	color:transparent !important;
}
li.college_onboard a:after{
	border:none !important;
}


.menu-principal-container{
	background: white;
	margin-top:15px; 
	/*margin-top:120px;*/
	/*text-align: right;*/
	/*overflow: auto;*/
}

.menu-principal-container ul#menu-principal{
    margin: 0 0 13px 0;
    float: left;
    padding: 0;
}

ul#menu-principal > li{
    display: inline;
    padding: 15px;
    margin-left: 10px;
    height: 44px;
    font-size: 16px;
    margin:0px !important;
    background-color:white;
    -webkit-transition: background-color .2s ease-in-out;
   -moz-transition: background-color .2s ease-in-out;
   -ms-transition: background-color .2s ease-in-out;
   -o-transition: background-color .2s ease-in-out;
   transition: background-color .2s ease-in-out;
}

ul#menu-principal > li > a{
	color:#00004c;	
    background-color:white;
    -webkit-transition: background-color .2s ease-in-out;
   -moz-transition: background-color .2s ease-in-out;
   -ms-transition: background-color .2s ease-in-out;
   -o-transition: background-color .2s ease-in-out;
   transition: background-color .2s ease-in-out;
}
    
ul#menu-principal > li.menu-item-has-children:after {
    content: "\f107";
    position: block;
    font-family: "FontAwesome";
    top: 15px;
    right: 0;
    font-size: 14px;
    color: #8e8e8e;    
    margin-left: 5px;
}


ul#menu-principal > li:last-child,ul#menu-principal > li:last-child > a:last-child{
	color:#00004C;	
	font-weight: bold;
}

ul#menu-principal > li:hover, ul#menu-principal > li:hover> a{	
	background-color: #00004c;
    color: #ffffff !important;
    font-weight: normal;
}

ul#menu-principal  li ul li,ul#menu-principal  li ul li a {
    background:transparent;
    color:#fff;
} 

ul#menu-principal  li ul li:hover,ul#menu-principal  li ul li:hover a {
    background: transparent;
    color:white;
} 

ul#menu-principal > li > ul.sub-menu{
	display: none;
	opacity:0;
	background: #00004c;
	list-style: none;
	position: absolute;
    z-index: 99999;    
    padding: 20px;
    padding-top: 15px;
    padding-bottom:0px;
    margin-top: 12px;
    -webkit-transition: opacity .3s ease-in-out;
   -moz-transition: opacity .3s ease-in-out;
   -ms-transition: opacity .3s ease-in-out;
   -o-transition: opacity .3s ease-in-out;
   transition: opacity 3.s ease-in-out;
}

  

ul#menu-principal li:hover > ul.sub-menu{	
	/*opacity: 1;*/	
}
ul#menu-principal li > ul.sub-menu li{
 	width: 33%;
    float: left;
    padding-right: 3%;    
    padding-left: 10px;
    padding-top: 20px;
 }

ul#menu-principal li > ul.sub-menu li:not(.menu-item-has-children){
	width: 100%;
    float: none;
    padding: 5px 0px;
    font-size: 14px;    
}

ul#menu-principal li > ul.sub-menu li:not(.menu-item-has-children) a{
	color:#B3B3B3;
}

ul#menu-principal li:nth-child(2) > ul.sub-menu{	
    width: 96%;
    margin-left: 24px;
    padding-top: 20px;
}

ul#menu-principal > li:nth-child(2) > ul.sub-menu > li:not(.menu-item-has-children){
 	width: 33%;
    float: left;
    padding-right: 5%;
    font-size: 24px
 }

ul#menu-principal > li:nth-child(2) > ul.sub-menu > li:not(.menu-item-has-children) a{
	color:white;
}

ul#menu-principal > li:nth-child(2) > ul.sub-menu > li:not(.menu-item-has-children) a:after{	        
    border-bottom: 3px solid #009247;    
    content: "";
    display: block;
    width: 80px;
    height: 1PX;
}

 ul.sub-menu{
	width: auto;
}

ul#menu-principal li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children {
	min-height: 280px;    
} 

ul#menu-principal li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children > a{
	display: block;
    border-bottom: 2px solid white;
    padding-bottom: 8px;
	margin-bottom: 8px;	
    position: relative;
    z-index: 999999;
}
 
ul#menu-principal li > ul.sub-menu li ul.sub-menu{
	display: block;
	background: transparent;
	list-style: none;
	position: relative;	
    z-index: 99999;   
    padding: 0px;
    margin: 0px;
}

ul#menu-principal li > ul.sub-menu li ul.sub-menu li,
ul#menu-principal li > ul.sub-menu li ul.sub-menu li ul.sub-menu{
	float: none;	
	display: block;
	background: transparent;
	list-style: none;
	width: 99%;
}

ul#menu-principal li > ul.sub-menu li ul.sub-menu li a, ul#menu-principal li > ul.sub-menu li ul.sub-menu li ul.sub-menu a {
    color: #B3B3B3;
}

ul#menu-principal li > ul.sub-menu li ul.sub-menu li a:hover, ul#menu-principal li > ul.sub-menu li ul.sub-menu li ul.sub-menu a:hover {
    color: white !important;
}


.investigacion-margin-top--35{margin-top:-35px;}
.margin-top-25{margin-top:-25px;}
.margin-top22{margin-top:22px;}
.margin-top--48{margin-top:-48px;}
.disabled, .disabled:hover,.disabled:focus{
	cursor: not-allowed;
} 

.list-menu .disabled, .list-menu .disabled:hover, .list-menu  .disabled:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #eee;
}

/* Menu Lista */
.list-menu li {    
    list-style: none;
    margin-left: -40px;
    border-top: 2px solid #f3f3f3;
    padding: 5px;
}

.list-menu li a{
	color:#00004C;
	display: block;
}
.list-menu li a:hover{
	color:#009247;	
}
.list-menu li a:after {
    content: "\f105";
    position: absolute;
    right: 30px;
    font-family: "FontAwesome";
}

@media (max-width: 875px) and (min-width: 768px){
	
	ul#menu-principal > li{    
	    padding: 13px !important;
	    font-size: 14px !important;
	}
	
	ul#menu-principal li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children {
	    min-height: 270px;
	}
}

@media (max-width: 991px) and (min-width: 875px){
	ul#menu-principal li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children {
	    min-height: 230px;
	}
}

@media (max-width: 991px) and (min-width: 768px){
	
    ul#menu-principal li:nth-child(2) > ul.sub-menu {
    	margin-left: 15px;    
	}
	
	ul#menu-principal li > ul.sub-menu{
		margin-top: 0px;
	} 
}

@media (min-width: 992px) and (max-width: 1199px){
	ul#menu-principal li:nth-child(2) > ul.sub-menu {
	       margin-left: -25px;
    	   width: 106%; 	
	}
	
	ul#menu-principal li > ul.sub-menu{
		margin-top: -1px;
	} 
}

@media (min-width: 1200){
	ul#menu-principal li:nth-child(2) > ul.sub-menu {
	    margin-left: -420px;
	}	 
}

@media (min-width: 767px){	
	ul#menu-principal li#menu-item-823 > ul.sub-menu li:not(.menu-item-has-children){
		max-width:200px;
	}
		
	.itemMasInfo{
		position: absolute;
		right: 32px !important;
		padding-bottom: 0px !important;
		background: #febc1d !important;
		height: 30px !important;
		border-radius: 18px;
		padding-top: 4px !important;
		color: white !important;
		padding-left: 3px !important;
		padding-right: 6px !important;
	}
	.itemMasInfo:hover{
		background:#00004C !important;
	}
	
	.itemMasInfo a{
		background: transparent !important;
		color: #1b1f40 !important;
		font-weight: normal !important;
	}
	
	
	.itemMasInfo:hover .itemMasInfo a,.itemMasInfo a:hover{
		background: transparent !important;
	}
	
	.itemMasInfo:hover a:before{ color:#1b1f40 !important;}
	
	.itemMasInfo a:before {
		padding-left: 7px;
		height: 30px;
		background: white;
		content: "i";
		font-family: auto;
		font-size: 18px;
		padding-right: 7px;
		border-radius: 16px;
		border: 2px solid #07074e;
		font-weight: bolder;
		font-style: italic;
		margin-right:5px;
	}
}

.page-id-1488 .itemMasInfo{ display:none !important;	}

@media (max-width: 767px){	

	.itemMasInfo{
		background: #fdbd1d;
		padding-top: 10px !important;
		padding-bottom: 8px; 
	}
	
	.itemMasInfo a{ 
		color: white !important;
		background: transparent !important;	
	}

	.bg-green-postgrado{ height:760px !important;width:100%;}
	.nav-menu{
		min-height: 50px;
	}
	
	.menu-principal-container ul#menu-principal{
	    float: none;
    	padding: 0;
	    background:#151557; /*#0c1923;*/
    }     
    
    #showHideMenuMobil{
    	background:#07074e;
	    height: 50px;
    	width: 100%;
    	margin-bottom: -50px;
    	position: relative;
    } 
    #site-navigation{
    	  width:100%;
		  max-height:0px;
		  overflow: hidden;
		  -webkit-transition: all .5s ease-in-out;
		  -moz-transition: all .5s ease-in-out;
		  -ms-transition: all .5s ease-in-out;
		  -o-transition: all .5s ease-in-out;
		  transition: all .5s ease-in-out;
    }
    
	#site-navigation.open {
	  	 max-height: 2580px;  	  	 
	}
    
    #showHideMenuMobil i.showMenu{
	    width: 40px;
	    display: inherit;
	    float: right;
	    margin-right: 10px;
	    margin-top: 5px;
	    height: 40px;
	    padding: 10px 10px;
	    cursor: pointer;
   }
   #showHideMenuMobil i.showMenu:hover{ background: #333397;/*#083d4c;*/ }     
        
    #showHideMenuMobil i span {
	    display: block;
	    background: #fff;
	    height: 3px;
	    margin-top: 3px;
	}
        
	ul#menu-principal > li {
		height:auto;
    	display: block;	    
    	font-size: 18px;
    	border-top:1px solid #002e3b;
    	max-height: 51px;
    	background-color: transparent;
    }
    
    ul#menu-principal > li, ul#menu-principal > li > a{ background-color: #060638; /*#0c1923;*/}
    
    ul#menu-principal > li.menu-item-has-children:after{display:none;}
    
    ul#menu-principal > li.menu-item-has-children.notBefore > a{
    	padding-right: calc(100% - 170px);
    	display: block;
    }
    
    ul#menu-principal > li.menu-item-has-children:before {
        content: "";
        background:none;
	    font-family: fantasy;
	    right: 0;
	    /*font-size: 20px;
	    font-size: 16px;
	    color: #ffffff;
	    float: right;	    
	    background:none;
	    /*background: rgba(255,255,255,0.1);*/
	    /*padding: 12px 16px;*/
	    /*margin-top: -12px; 
	    padding:0px;
	    padding-right:10px;	   
	    margin-top:0px;*/
	}
	 
	ul#menu-principal > li.menu-item-has-children > a{ display: block;}
	 
	ul#menu-principal > li.menu-item-has-children  a > div.pluss{
		display: none;
	}	
		
	ul#menu-principal > li.menu-item-has-children.notBefore > a > div.pluss{
		
	}
	
    .menu-principal-container{
    	padding-top: 5px;
    	margin-top:0px;
    	background: #002e3b;
    }
    
    ul#menu-principal li > ul.sub-menu li:not(.menu-item-has-children){
    	padding: 10px 0px;
    }
    
    ul#menu-principal > li:hover, ul#menu-principal > li:hover> a,
    ul#menu-principal li > ul.sub-menu,
    ul#menu-principal  li ul li, ul#menu-principal  li ul li a,
    ul#menu-principal li > ul.sub-menu li ul.sub-menu li, ul#menu-principal li > ul.sub-menu li ul.sub-menu li ul.sub-menu
    {
    	background: none;
    }
    ul#menu-principal li > ul.sub-menu {	    	    
	    position: relative;
	    z-index: 1;
    }
    ul#menu-principal li > ul.sub-menu li:not(.menu-item-has-children){
    	font-size: 18px;
    }
    
    ul#menu-principal > li > a,ul#menu-principal > li:last-child, ul#menu-principal > li:last-child > a:last-child {
	    color: #ffffff;
	}
	ul#menu-principal > li:nth-child(2) > ul.sub-menu > li:not(.menu-item-has-children),ul#menu-principal li > ul.sub-menu li{
		width: 100%;
		float:none;
	}
	li.college_onboard a{
		display: block;
		height: 75px;
		position: relative;
		margin-top: 0px;
	}
	ul#menu-principal > li:nth-child(2) > ul.sub-menu > li:not(.menu-item-has-children) a:after{
	    margin-top: 12px;		
	}
	ul#menu-principal li > ul.sub-menu li ul.sub-menu{
		background: none;
	}		
	.mobil-margin-top-25,ul#menu-principal .margin-top-25{
		margin-top: 25px;
	}	
	ul#menu-principal > li:nth-child(2) > ul.sub-menu > li:not(.menu-item-has-children) a:after{
	    border-bottom: 3px solid #009247;
	    content: "";
	    display: block;
	    width: 80px;
	    height: 1PX;
	}
	ul#menu-principal li.menu-item-has-children > ul.sub-menu > li.menu-item-has-children{
		min-height: 0px;
	}
	ul#menu-principal  li ul li:hover,ul#menu-principal  li ul li:hover a {
	    background: #002e3b;
	    color:white;
	} 
	ul#menu-principal > li > ul.sub-menu,ul#menu-principal > li:hover > ul.sub-menu {		
	    display: block;	
	    max-height:0px;
	    padding-top: 0px;
	    overflow:hidden;	    	     	      	 
	   -webkit-transition: max-height .5s ease-in;
	   -moz-transition: max-height .5s ease-in;
	   -ms-transition: max-height .5s ease-in;
	   -o-transition: max-height .5s ease-in;
	   transition: max-height .5s ease-in;
	}
	
	ul#menu-principal > li.openSubMenu,ul#menu-principal > li > ul.sub-menu.openSubMenu{					
		 max-height: 2275px;	
	}
	ul#menu-principal li:nth-child(2) > ul.sub-menu{
		margin-left: 0px;
	    padding-left: 10px;
	    width: 100%;
	}
}