.picture:first-child { width: 100%; /* height: 200px; */ margin-top: 50px; } .picture { width: 100%; /* height: 200px; */ margin-top: 10px; background-size: cover; } .picture img { border-radius: 3px; } /* Facilities */ .facilities-box { display: flex; flex-wrap: wrap; margin-bottom: 0px; align-items: stretch; gap: 2%; } .facilities-item { width: 18.4%; box-sizing: border-box; display: flex; margin-bottom: 10px; min-width:150px; } .facilities-item a { display: block; padding: 0px; border-radius: 3px; color: #293233!important; background: white; padding: 5px; transition: all ease-in 0.1s; filter: grayscale(100%); margin-bottom: 10px; margin-top: 0px; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .facilities-item a:hover { filter: grayscale(0%); margin-bottom: 0px; margin-top: 10px; } .facilities-name { font-size: 18px; font-weight: 800; padding: 0px 0px; line-height: 1.2; margin-bottom: 0px; } .facilities-inst { font-size: 12px; font-weight: 500; padding: 0px 0px; line-height: 1.2; margin-top: 5px; } .facilities-icon { font-size: 22px; text-align: right; color: #FFD866; margin-top: 5px; transition: all ease-in 0.1s; height: 100px; border-radius: 0px 0px 3px 3px; } /* .item1 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/dtu-1.jpg'); background-size: cover; background-position: 50% 50%; } .item2 { background-color: red; background-image: url('../../../resources/Facilities/TNA3/chuv-3.png'); background-size: cover; background-position: 50% 50%; } */ .item1 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/cern-2.jpg'); background-size: cover; background-position: 50% 50%; } .item2 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/psi-1.jpg'); background-size: cover; background-position: 50% 50%; } .item3 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/psi-2.jpg'); background-size: cover; background-position: 50% 50%; } .item4 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/dtu-1.jpg'); background-size: cover; background-position: 50% 50%; } .item5 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/sck-cen-1.jpg'); background-size: cover; background-position: 50% 50%; } .item6 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/arronax-1.jpg'); background-size: cover; background-position: 50% 50%; } .item7 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/ill-1.jpg'); background-size: cover; background-position: 50% 50%; } .item8{ background-color: red; background-image: url('../../../resources/Facilities/TNA2/jrc-1.jpg'); background-size: cover; background-position: 50% 50%; } .item9 { background-color: red; background-image: url('../../../resources/Facilities/TNA2/ncbj-1.jpg'); background-size: cover; background-position: 50% 50%; } /* RADIONUCL 2 COLUMN */ .two-column-rn-head { display: flex;; align-items:center; } .two-column-rn-head h1 { text-align: left; font-size: 30px; } .two-column-rn-body { display: flex;; margin-top: 05px; align-items: flex-start; } .two-column-rn-left { flex: 3; padding-right: 30px;} .two-column-rn-right { flex: 2; padding-left: 20px;} .two-column-rn-right .fa-ul { margin-left: 1.7em; margin-top: 0px; margin-bottom: 0px;} .two-column-rn-right li{ padding-left: 10px;} .two-column-rn-right .fa-ul .fas { color: #0CACB8; font-size: 1.2em; } .two-column-rn-body h2 { margin-top: 0px; } /* Application button */ .application-button { margin-left: 0px; margin-top: 10px; margin-bottom: 0px; background: red; display: inline-block; background: #293233; padding: 10px 15px; color: #FFD866!important; box-shadow: 0px 0px 0px 0px white; border-radius: 3px; font-size: 14px; font-weight: 600; } .application-button a { } .specs-button { margin-top: 40px; margin-bottom: 50px; } .specs-button a { display: inline-block; background: #FFD866; padding: 5px 10px; color: #293233!important; box-shadow: 0px 0px 0px 0px white; border-radius: 3px; font-size: 14px; font-weight: 600; } /* Radionuclide icon */ .rn-table { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-top: 50px;} .withspace { margin-right: 40px!important; } .rn-table a { box-shadow: 0px 0px 0px 0px yellow; } .rn { width: 80px; background: #fff; display: flex; flex-direction: column; padding: 5px 10px 10px 10px; border-radius: 3px; margin-right: 5px; margin-bottom: 40px; transition: all ease-in 0.1s;} .rn:hover { background: #E95355; color: white; } .rn-solo { width: 100px; background: #FFD866; display: flex; flex-direction: column; justify-content: space-between; padding: 5px 10px 10px 10px; border-radius: 3px;} .rn-number { align-self: flex-start; } .rn-name { align-self: center; font-size: 26px; font-weight: 700; padding: 10px 0px 5px 0px; } .rn-fullname { align-self: flex-start; padding-bottom: 0px; font-size: 12px; line-height: 1.2; } /* Location box */ .location-box { display: flex; padding: 8px 0px 10px 0px; border-top: 0px solid #ECECEC; border-bottom: 0px solid #ECECEC; margin-bottom:0px; } .location-name a { display: inline-block; background: #0CACB8; color: white!important; border-radius: 3px; font-weight: 700; padding: 8px 10px 5px 10px; font-size: 15px; margin-right: 10px; pointer-events: none; } .location-icon { font-weight: 600; color: #0CACB8; padding-top: 7px; margin-right: 10px; } .location-place { font-weight: 600; color: #0CACB8; padding-top: 7px; } /* Facitilites */ .facilities { margin-top: 5px; } .facilities a { display: inline-block; color: white!important; background: #0CACB8; text-transform: uppercase; padding: 5px 10px 2px 10px; border-radius: 3px; font-weight: 700; font-size: 13px; } /* Small RN sidebar */ .small-rn-box { display: flex; flex-wrap: wrap; margin-left: 0px; margin-top: 30px;} .small-rn { margin-top: 5px; height: 65px; width: 65px; } .small-rn a { margin-right: 5px; display: inline-block; color: #293233; background: #FFD866; padding: 20px 10px 20px 10px; border-radius: 3px; font-weight: 700; font-size: 13px; box-shadow: 0px 0px 0px 0px white; width: 40px; text-align: center} /* new July 2022 */ a.rn:hover { background: #E95355; color: white; } a.rn-blue { background: #5BC4BF; } a.rn-red { background: #F48580; } a.rn-yellow { background: #FFF100; } a.rn-orange { background: #FDB913; } a.rn-redblue { background: linear-gradient(-45deg, rgba(91,196,191,1) 50%, rgba(244,133,128,1) 50%); } a.rn-yellowred { background: linear-gradient(-45deg, rgba(244,133,128,1) 50%, rgba(255,241,0,1) 50%); } a.rn-yellowblue87 { background: linear-gradient(-45deg, rgba(91,196,191,1) 87%, rgba(255,241,0,1) 87%); } /* end new */ /* FULL SPECS TABLE */ table#specs-table { color: #293233; } /* FEATURE BOX */ .feature-content-out { background: #ffd866; } .feature-box { display: flex; flex-direction: column; align-items: center; } .feature-left { width: 100%; } .feature-right { width: 100%; margin-top: 0px; /* padding-left: 50px; */ box-sizing: border-box; text-align: center; } .feature-right a { background: #ffd866; display: inline-block; padding: 10px; color: #293233; text-decoration: none; font-weight: 800; margin: 50px 10px; border-radius: 3px; border: 3px solid #293233; transition: all ease-in 0.1s;} .feature-right a:hover { background: #f9de8d;} .feature-right a:before { } .feature-right a:hover:before { } .feature-left img { width: 100%; height: auto; } .feature-content h1 { ; color: #293233; font-size: 2.6rem; font-weight: 700; line-height: 1.1; padding: 0px; margin: 0px; } .feature-content h2 { font-family: 'Caveat', cursive; color: #fff; font-size: 2.6rem; font-weight: 700; line-height: 0.9; padding: 0px; margin: 0px; } .feature-box h3 { font-family: 'Caveat', cursive; color: #293233; font-size: 2.6rem; font-weight: 700; line-height: 0.9; padding: 0px; margin: 0px; } .feature-box-author { display: block; margin-top: 15px; font-size: 0.9rem; opacity: 0.7; } /* MEDICAL RADIONUCLIDES NAVIGATION */ #primary-nav ul li:nth-child(3) a { color: #ffd866; } #primary-nav ul li:nth-child(3) a:hover { color: #ffd866; } #primary-nav ul li:nth-child(4) a { color: #ffd866; } #primary-nav ul li:nth-child(4) a:hover { color: #ffd866; } #topbar-left a{ background-image: url('../../../resources/Prismap_Web_mrn.svg'); } #footer-logo a{ background-image: url('../../../resources/Prismap_Icon_mrn.svg'); } @media only screen and (max-width: 770px) { #primary-nav { display: none; } /*RN*/ .two-column-rn-body { flex-direction: column-reverse;} .two-column-rn-left { padding-right:0px; padding-top: 30px;} .two-column-rn-right { padding-left: 0px; padding-top: 30px;} /* NAV */ #mobile-nav { display: block; width: 100%; display: block; margin-top: 6px; margin-right: 10px; } #mobile-nav a { background-image: url('../../../resources/menubar-yellow.svg'); background-size: 100% auto; height: 29px; width: 29px; display: block; transition: all ease-in 0.1s; } .feature-right h3 { font-size: 2.0rem; } .feature-left { width: 100%; display: none; } .feature-right { width: 100%; margin-top: 50px; padding-left: 0px; text-align: center; } }