/* CSS Style for OpenVAS website.
 *
 * Copyright (C) 2011–2023 Greenbone AG
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2
 * of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
 */



body {
 font-family: roboto, arial, helvetica, sans-serif;
 font-size: 13px;
 color: #333333;
 margin: 0px;
 padding:0px;
 position:absolute;
 width:100%;
}

#contact > ul {
     margin-left: -20px;
}

a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

img {
 border: 0px;
}

.language_select {
 /* float:right; */
 margin-right:20px;
 /* height: 100%;
 margin-top:14px; */

}

.header {
 width:100%;
 margin-bottom: 0px;
 display:block;
 position:fixed;
 height: 178px;
 z-index: 500;
 background: #FFFFFF url('img/header.png') repeat-x;
 background-attachment: fixed;
}

.center {
 text-align: center;
}

.content {
 clear:both;
 margin-top:200px;
 display:block;
 z-index:auto;
 position:relative;
 width: 900px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

#intro {
 float:left;
}

#intro h1 {
 font-family: Raleway, sans-serif;
 font-size: 32px;
 font-weight: normal;
 color: #333333;
 margin-bottom: 30px;
 border-bottom: 1px solid #BFBFBF;
}


#links h1,
#contact h1 {
 border-bottom: 1px solid #BFBFBF;
 font-family: Raleway, sans-serif;
 font-weight:normal;
 margin-bottom: 30px;
 color: #333333;
}


#intro a, #history a, #contact a, .header a {
     border-bottom: 1px dotted #4C4C4C;
     color: #4C4C4C;

}
#topMenuLogo {
     /* Scale OpenVas Logo responsively (margin-change at width 430px)*/
     width: 100%;
     height: auto;
     min-width: 300px;
     max-width: 481px;
     transition: margin-left 400ms;

}
.header{
     transition:height 400ms,
     background-position-y 400ms;
}
#menu {
     transition: margin-top 400ms;
     padding-right: 20px;
}
.content {
     transition: margin-top 400ms;
}

#intro a:hover,
#history a:hover,
#contact a:hover,
.header a:hover
 {
 border-bottom: 1px solid #4C4C4C;
 color: #4C4C4C;
 text-decoration:none;
}

#menu a
 {
 border-bottom: 0px;
}

#links,
#contact {
 float: left;
 padding: 30px 0px 0px 0px;
 width: 900px;
}

#intro p,
#history p,
#history li,
#contact p,
#contact li {
 color: #4C4C4C;
 font-size: 14px;
 font-weight: normal;
 line-height: 26px;
 margin: 10px 0 0;
 padding: 0;
}

#menu {
 height:100px;
 margin-top:50px;
 justify-content: center;
 display: grid;
 margin-left: 13px;
 position:fixed;
}

#footer {
 width:100%;
 font-size: 11px;
 padding-bottom: 30px;
 color: #4C4C4C;
 text-align: center;
 margin-top: 30px;
 padding-top:30px;
 height: 3em;
 float:left;
}

#footer a {
 color: #4C4C4C;
 text-decoration:none;
}

#footer a:hover {
 border-bottom: 1px solid #4C4C4C;
 color: #4C4C4C;
 text-decoration:none;
}

#sitemap {
 margin: auto;
 width: 900px;
 text-align: left;
}

.link-icon {
 float: left;
 width:220px;
 padding-left:60px;
 text-align:center;
}

div#links > div.link-icon > a > p {
 font-weight:bold;
 color:#333333;
 font-size:1.4em;
}

div#links > div.link-icon > a:hover {
 text-decoration-color:#333;
}

@media (max-width:940px) {

	/* body, #intro p, #history p, #history li, #contact p {
		font-size: 15px;
	} */

	.content {
		width:85%;
	}

	#links, #contact {
		width:100%;
	}

	.link-icon {
		padding-left:20px;
	}
}

@media (max-width:850px) {

	.link-icon {
		padding-left:0px;
	}
     #menu {
          margin-top:10px;
     }
     .header{
          height:108px;
          background-position: 0% -13%;
     }
     .content {
          margin-top: 120px;
     }
     .link-icon > a > p {
          font-size: 1em !important;
     }
}

@media (min-width:650px) and (max-width: 850px){
     .link-icon > a > p {
          font-size: 1.2em !important;
     }
}

@media (max-width:650px) {
     #links {
          display: grid;
          grid-template-rows: auto;
          grid-template-columns: repeat(auto-fill, minmax(165px, 150px));
          justify-content: center;
          margin-left: -30px;
     }
}

@media (min-width:650px) {
     #links {
          display: grid;
          grid-template-rows: auto;
          grid-template-columns: auto auto auto;
          justify-content: center;
          margin-left: 0;
     }

}

@media (max-width:600px) {
     .language_select {
          white-space: nowrap;
     }


     /* .language_select span {
          visibility: hidden;
          margin-right: -60px;
     } */


}

@media (max-width:430px) {

     #links{
          grid-template-columns: repeat(auto-fill, minmax(165px, 125px)) !important;
     }
	#intro p, #history p, #history li, #contact p {
		line-height: 30px;
	}
}
@media (max-width: 371px) {
     .content {
          margin-top: 85px;
     }
}