/* 
Theme Name:		 Accessit Divi Child
Theme URI:		 http://accessitlibrary.com
Description:	 Accessit Divi Child is a child theme of Divi
Author:			 Access-It Software Ltd
Author URI:		 http://accessitlibrary.com
Template:		 Divi
Version:		 1.0.0
Text Domain:	 accessit-divi-child
*/


/* Remove animation in the navigation part */

.et_primary_nav_dropdown_animation_expand #et-top-navigation ul li:hover>ul {
	transition: all .1s ease-in;
}


/* Hover secondary menu */

#et-secondary-menu>ul>li>a:hover, #et-info-email:hover {
  opacity: 1!important;
  color: #62AFFF;
}


/* Audience button styling */
#audience .et_pb_button:hover {
    border-top-right-radius: 16px!important;
}



/*--------------Header----------------------*/

  .et_fullwidth_nav #main-header .container {
    box-shadow: 0 18px 11px 0 rgba(54, 64, 67, .03), 0 8px 8px 0 rgba(54, 64, 67, .04), 0 2px 4px 0 rgba(54, 64, 67, .05);
	  padding-bottom: 16px;}


/*---------------Menu CTA Button Mobile Settings---------------*/

	
#et_mobile_nav_menu .menu-cta a {
    background-color: #CCDEF6;
	color:#102b4c;
	border : 1px solid #fff;
    }

	
#et_mobile_nav_menu .menu-button-1 a:hover {
    color: #102b4c!important;
}			



/*---------------Sticky menu styling---------------*/

.et-fixed-header #top-menu.nav .menu-button-1.menu-item-has-children a:hover {
	color:#fff!important;
	
}

.et-fixed-header #top-menu.nav .menu-button-1 a:hover {
	color:#fff!important;
	/*
	border-top-right-radius: 16px!important; */
}


.et-fixed-header #top-menu.nav .menu-button-1.menu-item-has-children .sub-menu a:hover {
color: #005BD4!important;
}


/*---------------CTA - Main menu ---------------*/

/* ------------ See Accessit ----------------------*/

.CTA-accessit a {
    padding: 12px!important;
	color: #102b4c!important;
	background-color: #FFA358;
	border-radius: 4px;
	text-align:left;
}

.CTA-accessit a:hover {
    background-color: #FBC296;
	border-radius: 4px;
    color: #102b4c!important;
	
}


/* padding between buttons */

#top-menu li {
	padding-right:8px!important;	
}


#top-menu li a:hover {opacity: 1!important;}

.menu-cta a {
    padding: 12px!important;
	color: #102b4c!important;
	background-color: #CCDEF6;
	border-radius: 4px;
/*	border : 1px solid #ffffff; */
	text-align:left;
}

.menu-cta a:hover {
    background-color: #62AFFF;
	border-radius: 4px;
/*	border-top-right-radius: 16px; */
/*	border : 1px solid #ffffff; */
    color: #102b4c!important;
	
}


/*---------------Menu CTA Button---------------*/

#top-menu li a:hover {opacity: 1!important;}

.menu-button-1 a {
    padding: 12px!important;
	color: #102b4c!important;
	background-color: #fff;
	border-radius: 4px;
/*	border : 1px solid #ffffff; */
	text-align:left;
}

.menu-button-1 a:hover {
    color: #fff!important;
	background-color: #005BD4;
	border-radius: 4px;
/*	border : 1px solid #ffffff; */
/*		border-top-right-radius: 16px!important; */
}

.menu-button-2 a {
    padding: 12px!important;
	color: #102b4c!important;
	background-color: #fff;
	border-radius: 4px;
	text-align:left;
}


.menu-button-2 a:hover {
    background-color: #005BD4;
	border-radius: 4px;
/*	border : 1px solid #ffffff; */
    color: #005BD4!important;
		
}

#top-menu .menu-item-has-children > a:first-child:after {
 position: relative;
}



/*---------------Menu Button---------------*/

.et_header_style_left #et-top-navigation {
    padding-top: 16px!important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 6px!important;
}





/*---------------CTA Button Color on Fixed Navigation---------------*/

#main-header.et-fixed-header .menu-cta a {
color: #102b4c !important;
}

	
/** App Style header and Drop Down Menu **/


/* Hide menu item on mobile */
@media only screen and (max-width: 980px) {
    .CTA-accessit {
        display: none !important;
    }
}



@media (max-width: 980px) {
.container {
width: 100%;
padding: 16px 24px;
}
}

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}


/* hr color */
hr {
    color: #0262aa;
	border-top: 2px solid #0262aa;
}


/* Setting the breakpoint of the mobile menu */
@media only screen and ( max-width: 1300px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

/*----------Custom Back To Top Button----------*/

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}

.et_pb_scroll_top.et-pb-icon {
    right: 15px;
    bottom: 15px;
    border-radius: 25px;
    background: rgba(25, 72, 103, 0.48);
    padding: 10px;
}


.et_pb_scroll_top.et-pb-icon:hover {
    background: #0262aa;
}

.et_pb_scroll_top:before {
    content: "\21";
}


/* Fix unresponsive images in IE11 for 'projects' pages */
div.et_pb_column_inner img[class*="wp-image"] {
    width: 100%;
}
/* 
.et_pb_column_inner  {
    max-width: 100%;
} */