
/*	
	======================================================================

	stylesheets/public/links.css

	======================================================================
	Linda Werner & Associates PHP Library Component
	Copyright 2017 Linda Werner & Associates
	======================================================================
*/

/* ----------------------------------------------------
   basic links
   ---------------------------------------------------- */

	a:link {

		text-decoration: none;
		border-bottom: 1px dotted #FF005A;
		color: #FF005A;
	}

	a:visited {

		text-decoration: none;
		border-bottom: 1px dotted #FF005A;
		color: #FF005A;
	}

	a:hover {

		text-decoration: none;
		border-bottom: 1px solid #FF005A;
		color: #FF005A;
	}

	a:active {

		text-decoration: none;
		border-bottom: 1px dotted #FF005A;
		color: #FF005A;
	}

	a:focus, a:active {

		outline: 0;
		-moz-outline: none;
	}


/* ----------------------------------------------------
   no underlines
   ---------------------------------------------------- */

	a.noUnderline:link,
	a.noUnderline:visited,
	a.noUnderline:hover,
	a.noUnderline:active {

		border-bottom: none;
	}

/* ----------------------------------------------------
   arrow links
   ---------------------------------------------------- */

	 a.arrow_link {
	
		font-weight: bold;
		text-decoration: none;
		border-bottom: none;
	}
	
	 a.arrow_link:hover {
	
		border-bottom: 1px dotted #FF005A;
	}
	
	.arrow_link img {

		margin-left: 8px;
		position: relative;
		top: 4px;	
	}
	
	.arrow_link_text {
	
		position: relative;
		bottom: 1px;
	}
	
	a.arrow_link_white {  color: white;  }
	
	a.arrow_link_white:hover {  border-bottom: 1px dotted white;  }
	

/* ----------------------------------------------------
   top navigation - wide screen
   ---------------------------------------------------- */

	#top_nav a {

		font-family: roboto, soleil, verdana, helvetica, sans-serif;
		font-style: normal;
		font-size: 18px;
		letter-spacing: .16em;
		text-transform: uppercase;
		padding: 3px 5px 6px 5px;
		border-bottom: none;
		
		-webkit-transition: color 170ms ease-in-out;
		   -moz-transition: color 170ms ease-in-out;
		    -ms-transition: color 170ms ease-in-out;
		     -o-transition: color 170ms ease-in-out;
		        transition: color 170ms ease-in-out
	}


	#top_nav a:link, #top_nav a:visited {

		color: black;
/*		color: #FF005A; */
		text-decoration: none;
	}

/*
	#top_nav a:hover {

		color: #FF005A;
		text-decoration: none;
		border: 1px solid white;
	}

	#top_nav a:active {

		color: #FF005A;
		text-decoration: none;
		background-color: white;
		background-color: white;
	}
*/

/* ----------------------------------------------------
   top navigation - wide screen - selected
   ---------------------------------------------------- */

/*
	#top_nav .top_nav_item_selected a,
	#top_nav .top_nav_item_selected a:link, 
	#top_nav .top_nav_item_selected a:visited {

		color: #FF005A;
		text-decoration: none;
		background-color: white;
		border: 1px solid white;
	}
*/

/* ----------------------------------------------------
   top navigation - box link
   ---------------------------------------------------- */

    .top_nav_box_link {

		position: relative;
		top: -12px;
		padding: 15px;    
   	    color: #FFF152;
    	background-color: #FF005A;
		border: 1px solid #FF005A;
    }
    
    .top_nav_box_link:hover {
    
    	background-color: #A82828;
    	cursor: pointer;
    }

/* ----------------------------------------------------
   top navigation - hamburger menu
   ---------------------------------------------------- */

	#top_nav_vertical a {

		padding: 5px 8px 8px 8px;
	}

	#top_nav_vertical a:link, #top_nav_vertical a:visited {

		color: white;
		text-decoration: none;
	}

	#top_nav_vertical a:hover {

		color: black;
/*		color: #FF005A; */
		text-decoration: none;
		background-color: white;
		border-radius: 6px;
	}

	#top_nav_vertical a:active {

		color: black;
/*		color: #FF005A; */
		background-color: #666;
		text-decoration: none;
	}
	
	#hamburger a,
	#top_nav_vertical a {
	
		border-bottom: none;
	}

	
/* ----------------------------------------------------
   top navigation - selected - hamburger menu
   ---------------------------------------------------- */

	#top_nav_vertical .top_nav_item_selected a {

		color: black;
/*		color: #FF005A; */
		background-color: white;
		border-radius: 6px;
	}

	#top_nav_vertical .top_nav_item_selected a:link, #top_nav_vertical .top_nav_item_selected a:visited {

		color: #FF005A;
		background-color: white;
		border-radius: 6px;
	}

/* ----------------------------------------------------
   white links
   ---------------------------------------------------- */

	a.white_link:link, a.white_link:visited {

		color: white;
		text-decoration: none;
		border-bottom: 1px dotted white;
	}

	a.white_link:hover {

		color: white;
		text-decoration: none;
		border-bottom: 1px solid white;
	}

	a.white_link:active {

		color: white;
		text-decoration: none;
		border-bottom: 1px dotted white;
	}

/* ----------------------------------------------------
   buttons
   ---------------------------------------------------- */

	.lwa_button {

		font-size: 100%;
		background-color: #4ACEE3;
		color: white;
		padding: 8px 16px 8px 16px;
		border-radius: 10px;
		border: none;
	}

	.lwa_button:hover {
	
		background-color: #BDF;
	}

	.lwa_button:active {
	
		color: black;
		background-color: #BDF;
	}
	
	.lwa_button_small {
	
		padding: 4px 8px 4px 8px;
	}
		
	input:matches([type="button"], [type="submit"], [type="reset"]), input[type="file"]::-webkit-file-upload-button, input, button {
	
		border-top-width: 0;
		border-right-width: 0;
		border-bottom-width: 0;
		border-left-width: 0;
	}


a.red:link, a.red:hover, a.red:active, a.red:visited {

	color: #FF005A;
}
