@charset "utf-8";
/* CSS Document */

      .cl_page_css_heading a {font-size:18px; text-decoration:underline}
      .cl_InPageCSS_YouTube a {color:#F00}
      .cl_InPageCSS_LinkedIn a {color:#0e76a8}
      .cl_InPageCSS_Twitter a {color:#00acee}
      .cl_InPageCSS_Facebook a {color:#4267B2}
      .cl_InPageCSS_Reddit a {color:#FF5700}
      .cl_InPageCSS_Pinterest a {color:#c8232c}
      .cl_InPageCSS_Instagram a {color:#fbad50; background-color:#8a3ab9 }
      .cl_InPageCSS_Tiktok a {color:#000}
      .cl_InPageCSS_Spotify a {color:#1DB954}
      .cl_InPageCSS_Snapchat a {color:#000;}
      .cl_InPageCSS_YouTube,.cl_InPageCSS_LinkedIn, .cl_InPageCSS_Twitter, .cl_InPageCSS_Facebook, .cl_InPageCSS_Reddit, .cl_InPageCSS_Pinterest, .cl_InPageCSS_Instagram, .cl_InPageCSS_Tiktok, .cl_InPageCSS_Snapchat {margin:5px; padding:5px}
      .clInPageCSS_SectionTitle{ border-color:#000; border-width:thin; border-bottom-style:solid; border-top-style:solid; margin-top:2px; font-size:18px; color:#fff; background-color: #8CC6FF}
      .clInPageCSS_SchoolLink  a {color:#0080FF; text-decoration:none; margin-bottom:15px;}
      .clInPageCSS_SchoolLink  a:hover {color: green; text-decoration:underline;}
      hr.hrRegion {
        border: 1px solid blue;
      }
      .map-responsive{
        overflow:hidden;
        padding-bottom:70%;
        position:relative;
        height:0;
      }
      .map-responsive iframe{
        left:0;
        top:0;
        height:100%;
        width:100%;
        position:absolute;
      }
      .clSpain a { font-size:30px; background-color: #FFFFE8; color:#004080; padding:10px;text-decoration:underline;border:solid #FF7C80 thin;}
      .clMapLink a {font-size:20x; color:#004080; padding:10px;text-decoration:underline;}

	  	  .clTitle { font: Tahoma, Geneva, sans-serif; color:#666; font-size:32px; font-style:italic; padding-left:30px}
	  
	  .cl_related_links_bootstrap a {white-space: nowrap ; }

.cl_related_links_bootstrap {
	text-align: left;
	/*font-size: 16px;*/
	border-width: 1px;
	border-style: solid;
	border-color: #000;
    padding:5px;
	mzrgin-bottom:20px;
}
         .cl_lime, .cl_lime a {
         background-color:#81ecec;color: #000 ;
         }

         .cl_lime:hover,.cl_lime a:hover,.cl_lime:active{
         background-color: #ccf7f7 ;color: #000;
         }
         .cl_blue, .cl_blue a{
         background-color:#74b9ff; color:#fff;
         }

		 

         .cl_blue:hover,.cl_blue a:hover,.cl_blue:active{
          background-color: #c7e3ff ;color: #fff;
         }

        .cl_lavender, .cl_lavender a{
         background-color:#a29bfe; color: #fff;
         }

         .cl_lavender:hover,.cl_lavender a:hover, a.cl_lavender:active{
         background-color: #d9d7fe ; color: #fff;
         }
         .cl_green, .cl_green a {
         background-color:#00b894; color: #fff;
         }
         .cl_green:hover,.cl_green a:hover, .cl_green:active{
         background-color: #6cffe2; color: #fff;
         }
         .cl_green2, .cl_green2 a {
         background-color:#00cec9; color: #fff;
         }
         .cl_green2 a {
         color: #E8FFE8;
         }
         .cl_green2:hover,.cl_green2 a:hover, .cl_green2:active{
         background-color: #76fffb; color: #fff;
         }
         .cl_darkblue, .cl_darkblue a {
         background-color:#0984e3; color: #fff;
         }
         .cl_darkblue:hover,.cl_darkblue a:hover,.cl_darkblue a:hover, .cl_darkblue:active{
         background-color: #a2d4fb; color: #fff;
         }
         .cl_darkpurple, .cl_darkpurple a {
         background-color:#6c5ce7; color: #FFF;
         }		 
		 
         .cl_darkpurple:hover, .cl_darkpurple a:hover, .cl_darkpurple:active{
         background-color: #c4bdf5; color: #fff;
         }
         .cl_mustard, .cl_mustard a {
         background-color:#fdcb6e; color: #000;
         }
         .cl_mustard:hover,.cl_mustard a:hover, .cl_mustard:active{
         background-color: #feeac5; color: #000;
         }
         .cl_burgundy, .cl_burgundy a {
         background-color:#e17055; color: #fff;
         }
         .cl_burgundy:hover,.cl_burgundy a:hover, .cl_burgundy:active{
         background-color: #f2c5bb; color: #fff;
         }
         .cl_darkred, .cl_darkred a {
         background-color:#d63031; color: #fff;
         }
         .cl_darkred:hover,.cl_darkred a:hover, .cl_darkred:active{
         background-color: #ff97cb; color: #fff;
         }
		 
		 
         .cl_maroon, .cl_maroon a {
         background-color:#e84393; color: #fff;
         }
         .cl_maroon:hover,.cl_maroon a:hover, .cl_maroon:active{
         background-color: #f3a1c8; color: #fff;
         }
         .cl_pinkish, .cl_pinkish a {
         background-color:#fab1a0; color: #000;
         }
         .cl_pinkish:hover,.cl_pinkish a:hover,.cl_pinkish:active{
         background-color: #fcd8cf; color: #000;
         }
         .cl_red, .cl_red a {
         background-color:#ff7675; color: #000;
         }
         .cl_red:hover,.cl_red a:hover,.cl_red:active{
         background-color: #ffbaba; color: #000;
         }
         .cl_pink, .cl_pink a {
         background-color:#f9bbbe; color: #fff;
         }
         .cl_pink:hover,.cl_pink a:hover,.cl_pink:active{
         background-color: #febdde; color: #fff;
         }


