Template:AvoinGLAM/style.css: Difference between revisions

 a,a:visited,a.external:visited,a:link,a.external:link,a.extiw:visited{
 color:#0E65C0;
 }

 ol{
 margin:0.3em001.6em;
 }

 .type{
 padding:00.6em;
 border-radius:1em;
 background:#333;
 color:white;
 }

 .col{
 width:15%;
 }

 .col1{
 background:#f6b264;
 }

 .col2{
 background:#bb5e2d;
 }

 .col3{
 background:#b6d0c0;
 }

 .col4{
 background:#25a3ac;
 }

 .col5{
 background:#045a70;
 }

 .col6{
 background:#e98036;
 }

 .col7{
 background:#f0d4aa;
 }

 .col8{
 background:#4eacb7;
 }

 .day{
 font-size:2em;
 }

 .day2{
 padding:0.4em0;
 font-size:0.8em;
 }

 .day3{
 padding:0.4em0;
 font-size:0.8em;
 }

 .logcontent{
 display:flex;
 flex-direction:row;
 gap:1em;
 align-items:flex-start;
 }

 .datebox{
 background:#c8d0d9;
 color:white;
 border-radius:6px;
 text-align:center;
 line-height:1;
 font-family:"Montserrat";
 flex:0070px;
 font-weight:600;
 }

 .stripe{
 height:1em;
 display:flex;
 }

 .someicons{
 display:flex;
 gap:0.4em;
 flex-flow:wrap;
 }

 .smallbox.someiconsimg{
 border-radius:unset;
 width:unset;
 height:unset;
 object-fit:none;
 }

 .boximg{
 position:relative;
 }

 .boximg.topimg{
 object-position:top;
 }

 .boximg.bottomimg{
 object-position:bottom;
 }

 .boximg.containimg{
 object-fit:contain;
 }

 .boximg.contain{
 padding:0.5em;
 }

 .third.boximgimg{
 height:200px;
 }

 body.skin--reponsive.third.boximgimg{
 height:200px!important;
 }

 .hi{
 padding:00.6em;
 border-radius:1em;
 background:#eee;
 position:absolute;
 top:1em;
 left:1em;
 }

 .greenhi{
 background:#89fc3b;
 }

 .yellowhi{
 background:#f7e454;
 }

 .bluehi{
 background:#06adff;
 }

 .logitem.editbuttonimg{
 vertical-align:baseline;
 opacity:0.2;
 }

 .logitem.editbuttona:hoverimg{
 opacity:1;
 }

 .logrow{
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 column-gap:0.5em;
 }

 .logitem{
 margin-top:1em;
 }

 .logdesc{
 margin-top:0.5em;
 }

 .logitemimg{
 vertical-align:-2px;
 }

 .tablerow{
 display:table-row;
 }

 .tablecell,.tableimg{
 display:table-cell;
 vertical-align:top;
 padding:1rem1rem00;
 }

 .tablecellh3{
 margin:0;
 padding:0;
 }

 .tableimgimg{
 width:150px;
 height:150px;
 border-radius:8px;
 object-fit:cover;
 }

 .subtitle{
 color:#666;
 font-size:1rem;
 font-weight:bold;
 font-family:"Montserrat",sans-serif;
 }

 .width60{
 width:60%;
 }

 .single>div:first-child,.single>div:last-child{
 display:none;
 }

 .standalone{
 margin:1em0;
 }

 .blocks{
 display:flex;
 flex-direction:column;
 gap:0.5rem;
 align-items:flex-start;
 }

 .blocksp{
 margin:0;
 }

 .block{
 display:flex;
 flex-direction:column;
 gap:0.2rem;
 }

 .smallboxh3a,.smallboxh3a:visited,.smallboxh3a.external,.smallboxh3a.external:visited{
 color:black;
 }

 .articlerow{
 display:flex;
 align-items:center;
 justify-content:space-between;
 margin-top:1em;
 border-radius:8px;
 gap:0.5em;
 flex-direction:column;
 cursor:pointer;
 }

 .articlerow:hover{
 background:#f1f4f6;
 }

 .articlerow:hover.articlerowbody{
 display:initial;
 }

 .articlerowinfo{
 display:flex;
 gap:1em;
 align-items:center;
 padding-right:1em;
 }

 .articlerowsocial{
 display:flex;
 gap:0.6em;
 align-items:center;
 }

 .articlerowimg{
 border-radius:8px;
 align-self:flex-start;
 }

 .articlerowimgimg{
 width:70px;
 height:70px;
 border-radius:8px;
 object-fit:cover;
 }

 .articlerowimg.photoimg{
 object-fit:cover;
 }

 .articlerowimg.graphicimg{
 object-fit:contain;
 }

 .articlerowtitles{
 display:flex;
 flex-direction:column;
 }

 .articlerowtitle{
 font-weight:bold;
 font-family:'Montserrat',sans-serif;
 text-overflow:ellipsis;
 overflow:hidden;
 font-size:1rem;
 }

 .articlerowdescription,.articlerowbody{
 color:#666;
 }

 .articlerowbuttons{
 display:flex;
 gap:0.4em;
 }

 .articlerowbody{
 display:none;
 margin:01em1em1em;
 transition:1s;
 }

 .createarticle{
 position:relative;
 border-radius:8px;
 }

 .createarticleimg{
 opacity:0.5;
 filter:grayscale(1);
 }

 .createarticle:hoverimg{
 opacity:1;
 filter:grayscale(0);
 }

 .createarticle:after{
 content:"+";
 left:12px;
 top:-4px;
 position:absolute;
 font-size:1.7rem;
 color:white;
 }

 .createarticle:hover:after{
 display:none;
 }

 .logos{
 display:flex;
 margin-bottom:1em;
 gap:2em;
 align-items:center;
 }

 .blog{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
 gap:1.5rem;
 margin:1.5rem0;
 }

 .blog>div:first-child{
 /*	grid-column: span 2; */
 }

 .blog>div:last-child{
 display:none;
 }

 .blogbox{
 position:relative;
 height:350px;
 width:100%;
 }

 .bloglink>a>img{
 position:absolute;
 top:0;
 width:100%;
 height:350px;
 }

 .blogbackground{
 height:350px;
 width:100%;
 position:relative;
 display:flex;
 flex-direction:column;
 padding:2em;
 box-sizing:border-box;
 justify-content:center;
 }

 .blogbackground.articlemeta{
 color:white;
 }

 .smallbox.articlemeta,.blogbackground.articlemeta{
 margin:0;
 }

 .blogimageimg.mw-file-element{
 width:100%;
 object-fit:cover;
 height:350px;
 border-radius:8px;
 filter:brightness(0.75);
 }

 .blogbackgroundh3{
 font-size:1.5rem;
 line-height:1.2;
 margin:0;
 padding:0;
 color:white;
 }

 .wideimageimg{
 width:100%;
 height:100%;
 }

 .tallimageimg{
 height:100vh;
 width:auto;
 }

 .articlemeta{
 font-weight:bold;
 margin:2em01em;
 font-family:'Montserrat',sans-serif;
 line-height:normal;
 }

 .eventinfo{
 padding:14px0;
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:space-between;
 font-weight:bold;
 font-family:'Montserrat',sans-serif;
 }

 .eventinfo.btn{
 margin-top:0;
 }

 .some{
 display:flex;
 gap:0.5em;
 align-items:center;
 }

 .somebox{
 display:flex;
 gap:0.5em;
 flex-wrap:wrap;
 }

 .small{
 font-size:small;
 }

 .newa:link,.newa:visited{
 color:#13456b;
 }

 .banner{
 position:relative;
 max-height:450px;
 min-height:200px;
 overflow-y:clip;
 width:100%;
 background-color:black;
 }
 .bannerbackground{
 height:100%;
 width:100%;
 position:relative;
 display:flex;
 flex-direction:row;
 padding:3rem4rem;
 box-sizing:border-box;
 gap:1em;
 }

 .bannertexts{
 line-height:1;
 font-family:"Montserrat",sans-serif;
 display:flex;
 flex-direction:column;
 flex:auto11;
 justify-content:center;
 gap:1rem;
 }

 .bannerbody{
 font-size:2rem;
 line-height:1.3;
 }

 .banner.elementbanner.bannerbody{
 font-size:1rem;
 }


 .bannertitle{
 font-weight:bold;
 font-size:4rem;
 }

 .banner.elementbanner.bannertitle{
 font-size:2.6rem;
 }

 .bannertime{
 font-size:1rem;
 background:black;
 color:white;
 border-radius:1em;
 padding:0.1em1em;
 width:max-content;
 }

 .bannersubtitle{
 font-weight:bold;
 }

 div.bannersubtitlea:link,div.bannersubtitlea:visited,div.bannersubtitlea:hover,div.bannersubtitlea:active{
 color:white;
 }

 .bannerimage{
 height:100%;
 }

 .bannerimage>img{
 width:100%;
 height:100%;
 object-fit:contain;
 }

 .bannerlink>a>img{
 position:absolute;
 top:0;
 width:100%;
 height:400px;
 }

 .bg-yellow{
 background:#F0BC00;
 }

 .emptylink,.emptylinkimg.mw-file-element{
 position:absolute;
 width:100%;
 height:100%;
 top:0;
 left:0;
 z-index:1;
 }

 @mediaonlyscreenand(max-width:600px){
 .bannerbackground{
 display:flex;
 flex-direction:column;
 padding:2rem;
 }
 .bannertitle{
 font-size:2rem;
 }
 .bannertexts{
 width:100%;
 }
 .bannerbody{
 font-size:1rem;
 padding-top:0.5em;
 }
 .bannerimage{
 width:100%;
 height:70%;
 }
 }

 kbd{
 font-family:sans-serif;
 }

 u{
 text-decoration:none;
 background:gold;
 }

 au{
 background:none;
 }

 h1,h2,.mw-heading2,h3,h4,h5{
 font-family:"Montserrat",sans-serif;
 font-weight:bold;
 }

 h1,h3,h4,h5{
 border-bottom:none;
 }

 .mw-heading2{
 border-bottom:1pxsolid#eaecf0;
 }

 h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter{
 text-transform:capitalize;
 }

 h1{
 font-size:2rem;
 margin-top:0;
 padding-top:0;
 }
 h1.mw-editsection{display:none;}

 h2{
 font-size:1.7rem;
 }

 h3{
 font-size:1.4rem;
 }

 h4{
 font-size:1.1rem;
 }

 .alert{
 background:#f1f4f6;
 margin:1em0;
 padding:1em;
 text-align:center;
 border-radius:8px;
 display:flex;
 align-items:center;
 gap:2em;
 }

 @mediaonlyscreenand(max-width:600px){
 .alert{
 flex-direction:column;
 }
 }

 .bi{
 display:flex;
 gap:1.5em;
 align-items:center;
 }

 .hidelist>div:first-child,.hidelist>div:last-child{
 display:none;
 }

 .round{
 border-radius:12em;
 background:brown;
 display:flex;
 align-items:center;
 }

 .boxes{
 display:flex;
 flex-wrap:wrap;
 column-gap:1.5rem;
 row-gap:1.5rem;
 margin:2rem0;
 }

 .grid{
 display:grid;
 gap:1.5rem;
 margin:1.5rem0;
 grid-template-columns:repeat(auto-fit,minmax(150px,219px));
 }

 .grid.listeria>div:last-child{
 display:none;
 }

 .grid*{
 box-sizing:border-box;
 }

 .box{
 border-radius:8px;
 padding:1.5rem;
 }

 .blueboxh2,.blueboxh3,.blueboxh4{
 color:white;
 }

 .blueboxa.external,.blueboxa,.blueboxa.extiw,.btna.external{
 background:none;
 padding:0;
 }

 .blueboxa.external,.blueboxa,.blueboxa.extiw{
 color:white;
 }

 .blueboxa.extiw,.blueboxa{
 text-decoration:underline;
 }

 .box.mw-heading2,.boxh3{
 margin-top:unset;
 padding-top:0;
 line-height:1.3;
 }

 .mw-heading2h2{
 font-size:1.7rem;
 }

 /*
 .box br {
 	content:"";
 }

 .box br:after {
 	content: " • ";
 }
 */
 .bluebox{
 background:#0E65C0;
 }

 .whitebox{
 background:#F1F4F6;
 }

 .alertbox{
 background:#f8eb79;
 }

 .contact{
 padding:0.3em0.6em;
 margin:0.4em;
 background:white;
 border-radius:0.5em;
 flex:11250px;
 min-width:200px;
 max-width:350px;
 }

 .contact.contacttitle{
 font-weight:bold;
 }

 .contact.contactrow{
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 }

 .divider{
 border-bottom:white1pxsolid;
 color:#8dadcd;
 font-size:0.9em;
 text-align:center;
 margin:0.5em;
 }

 .sectionimg{
 margin-right:1em;
 }

 .quarter{
 flex:1126%;
 min-width:250px;
 }

 .smallbox.third{
 min-width:200px;
 max-width:300px;
 padding:0px;
 flex:11240px;
 }

 .half{
 flex:1140%;
 min-width:250px;
 }


 .full{
 flex:11100%;
 flex-direction:row;
 display:flex;
 gap:1em;
 }

 .frame{
 display:flex;
 flex-wrap:wrap;
 }

 /*headerstyles */
 .header{
 position:absolute;
 font-family:"Montserrat",sans-serif;
 top:0;
 width:100%;
 }

 .activitybackground{
 height:400px;
 width:100%;
 position:relative;
 }

 .activitytitle{
 font-weight:bold;
 font-size:1.5em;
 }

 .activitydate{
 font-weight:bold;
 }

 .activityspecs{
 text-transform:uppercase;
 font-weight:bold;
 }

 .headertitle{
 position:absolute;
 top:0;
 color:white;
 font-size:2rem;
 font-weight:bold;
 padding:1.5rem;
 width:100%;
 box-sizing:border-box;
 background:linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.17)50%,transparent);
 text-overflow:ellipsis;
 overflow:hidden;
 white-space:nowrap;
 }

 .activity{
 position:absolute;
 width:50%;
 top:0;
 }

 .mainbox{
 left:0;
 }

 .activitydata{
 position:absolute;
 bottom:0;
 color:white;
 padding:1.5em;
 width:100%;
 box-sizing:border-box;
 background:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.17)50%,transparent);
 }

 .two{
 left:unset;
 right:0;
 }

 /* Header styles for mobile screens */
 @mediaonlyscreenand(max-width:800px){
 .headertitle{
 font-size:4vw;
 }
 }

 @mediaonlyscreenand(max-width:600px){
 .activity{
 position:relative;
 width:100%;
 line-height:1.4;
 }
 .activity.mainimageimg.mw-file-element{
 height:200px!important;
 }
 .articlerowinfo{
 flex-direction:column;
 align-items:start;
 }
 .full{
 flex-direction:column;
 }
 }

 .regions{
 color:#7F888F;
 line-height:1.3em;
 }

 .regionsa:link,.regionsa:visited{
 color:#253c4e;
 }

 .labellist{
 line-height:1.3em;
 color:#666;
 }

 .smallbox{
 padding:0;
 flex:11200px;
 min-width:150px;
 max-width:300px;
 }

 .smallboximg{
 border-radius:8px;
 width:100%;
 height:150px;
 object-fit:cover;
 }

 body.skin--responsive.smallboximg{
 height:150px!important;
 }

 .contenta>img.mw-file-elementimage-lazy-loaded{
 height:150px!important;
 }

 .smallbox.logo{
 border-radius:8px;
 }

 .smallbox.logoimg{
 object-fit:contain;
 padding:0.8em;
 box-sizing:border-box;
 }

 .smallbox.boxrow{
 line-height:1.3;
 /*	display: flex;*/
 gap:0.5em;
 }

 .smallbox.boxrowimg,.articlerowtitlesimg{
 border-radius:unset;
 width:15px;
 height:unset;
 object-fit:unset;
 }

 .flagimg{
 border:0.1pxsolid#ccc;
 }

 .rowlogo>img{
 margin:2px5px2px0;
 width:20px!important;
 }

 .smallboxh3{
 line-height:1.2em;
 font-size:1.3em;
 margin-top:0.6em;
 margin-bottom:0;
 }

 .subpages{
 display:none;
 }

 .blueboxp,.blueboxul{
 color:white;
 font-size:1rem;
 list-style:disc;
 }

 .denselistul{
 margin:0;
 padding:0;
 list-style:none;
 }

 .mainimageimg.mw-file-element{
 width:100%;
 object-fit:cover;
 max-height:450px;
 }

 .mainimage.topimg.mw-file-element{
 object-position:top;
 }

 .mainimage.bottomimg.mw-file-element{
 object-position:bottom;
 }

 .mainimage.containimg.mw-file-element{
 object-fit:contain;
 }

 .personimg{
 object-position:50%30%;
 }

 .galleryimg.mw-file-element{
 height:unset;
 }

 /*table properties */

 .wikitableimg.mw-file-element{
 height:unset;
 width:unset;
 }

 tha:visited,tha:link,tha.external:visited,tha.external:link{
 color:white;
 text-decoration:underline;
 }

 table.variable{
 width:100%;
 }

 .variableth{
 width:auto;
 }

 .btn{
 padding:0.7rem1.3rem;
 border-radius:2rem;
 margin-top:1rem;
 font-weight:bold;
 display:inline-block;
 font-family:'Montserrat',sans-serif;
 white-space:nowrap;
 }

 .tight{
 padding:0.2rem0.6rem;
 border-radius:2rem;
 margin:0.3em0.1em;
 font-size:0.9em;
 }

 .bluebox.btn,.whitebtn{
 color:#0E65C0;
 background:white;
 }

 .whitebox.btn,.bluebtn,.negbtn:hover{
 color:white;
 background:#0E65C0;
 }

 .bluebox.btn:hover,.whitebtn:hover{
 background:none;
 outline:2pxsolidwhite;
 outline-offset:-2px;
 }

 .whitebox.btn:hover,.negbtn,.bluebtn:hover{
 background:none;
 outline:2pxsolid#0E65C0;
 outline-offset:-2px;
 color:#0E65C0;
 }


 .bluebox.btn:hovera,.whitebtn:hovera{
 color:white;
 }

 .bluebox.btna,.whitebtna{
 color:#0E65C0;
 text-decoration:none;
 }

 .whitebox.btn:hovera,.bluebtn:hovera,.bluebtn:hovera:link,.bluebtn:hovera:visited,.bluebtna:hover,.negbtna{
 color:#0E65C0;
 }

 .whitebox.btna,.bluebtna,.bluebtna:link,.bluebtna:visited,.negbtn:hovera{
 color:white;
 text-decoration:none;
 }

 .numbers{
 column-gap:0.5em;
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 }

 .pagenumber{
 border-radius:2rem;
 font-weight:bold;
 background:none;
 outline-offset:-2px;
 color:#0E65C0;
 width:2rem;
 height:2rem;
 display:flex;
 justify-content:center;
 align-items:center;
 }

 .pagenumber:hover,.pagenumber.neg{
 background:#0E65C0;
 color:white;
 }

 .pagenumber.neg:hover{
 background:none;
 outline:2pxsolidwhite;
 outline-offset:-2px;
 }

 .pagenumber:hovera{
 color:white;
 }

 .pagenumber.neg:hovera{
 color:#0E65C0;
 }

 th{
 width:8.3%;
 }

 .wikitable>*>tr>th{
 background-color:#0E65C0;
 color:white;
 border:1pxsolid#ffffff;
 padding:0.2em0.4em;
 }

 .wikitable{
 background-color:#F1F4F6;
 }

 .wikitable>*>tr>td{
 border:1pxsolid#ffffff;
 padding:0.2em0.5em;
 }

 .timelinetd{
 vertical-align:bottom;
 line-height:1.3em;
 }

 .inventorydata{
 display:flex;
 gap:2em;
 margin:1em02em;
 }

 .inventorydatadiv{
 flex:1150%;
 }

 .menu{
 margin:001rem0;
 font-family:"Montserrat",sans-serif;
 }

 .menuul{
 display:flex;
 list-style:none;
 margin:0;
 }

 .menuulli{
 font-weight:bold;
 padding:1rem0;
 margin-right:1.5rem;
 margin-bottom:0;
 color:black;
 transition:0.3s;
 }

 @mediaonlyscreenand(max-width:1000px){
 .menuulli{
 padding:0.2rem0px;
 margin-right:0;
 }
 .menuul{
 flex-direction:column;
 }
 .menu{
 margin:1rem0;
 }
 }

 .menuulli:hover{
 font-weight:bold;
 box-shadow:inset0-2px0#0E65C0;
 }

 .menuulli:hovera,.menu.subulli:hovera{
 color:#0E65C0;
 }

 .menuullia{
 text-decoration:none;
 color:black;
 }

 .menuullia:hover,.menu.subullia:hover{
 color:#0E65C0;
 }

 .menua.mw-selflink{
 color:#0E65C0;
 }

 .linkfocus{
 font-weight:bold;
 font-size:1.1em;
 }

 .linkfocusa:visited,a,a:hover,a:link{
 color:#0E65C0;
 }

 .sub{
 border-top:1pxsolid#a7b5be;
 box-shadow:inset0px10px10px-13pxrgba(0,0,0,.4);
 }