#page-top.Desktop #mainNav #mainNavList{right:unset;left:-10rem !important;width:10rem;transition:left .5s linear;font-size: 2rem !important} #page-top.Desktop.touch #mainNav #mainNavList.on {left:1rem !important;right:unset;background-color:rgba(255,255,255,.9);} #page-top.Desktop.touch #mainNav #mainNavList.fsmlOff {z-index:0} #page-top.Desktop #mcgHeader #menuLegend{left:10rem;width:calc(100% - 20rem);text-align: center} #page-top.Desktop #mcgHeader #menuButton{top:-10rem} #page-top.Desktop.touch #mainNav #mainToggle {display:block !important;color:white;opacity: .6} #page-top.touch #mainNav #mainToggle {display:none !important;} .default #pages {bottom:1rem !important;cursor:default;height:1.5rem} #home.default {} #home.default .col{} #home.default .col .colImage {width:640px;left:15rem} #home.default .col .colImage h2 {top:unset;bottom:4rem;text-align:left;font-size:.875rem} #home.default.mobile .col .colImage {width:unset;min-width:unset;left:unset} #home.default.mobile .col .colImage h2 {color:white !important;z-index:1;top:0;bottom:unset;position:absolute;padding:0;margin:0;text-align:center;font-size:1rem} #home.default.mobile .col .colImage img {padding:0} #home.default .col .colText{} #home.default .col .colText a{} #home.default .col .colExif{} #home.default .col .colExif table{} #home.default .col .colExif table tbody{} #home.default .col .colExif table tbody tr{} #home.default .col .colExif table tbody tr td{} #page-top.Desktop #mainNav #subContainer .default .col .colExif table tbody tr td{font-size:12px;font-family:ABeeZee;color:black !important} #page-top.Desktop #mainNav #subContainer .default .col .colExif{width:25%;min-width:480px;background-color:rgba(125,125,125,0)} #page-top.Desktop #mainNav #subContainer .default.exifOn .col .colImage img { width:calc(100% - 10rem); left: 10rem; } #page-top.Desktop #mainNav #subContainer .default .col .colExif table{background-color:rgb(255, 255, 255,1);padding:1rem;background-image: url(../backgrounds/french-stucco.png);cursor: default} #xpage-top.Desktop #mainNav #subContainer .default .col .colExif table:hover{background-color:rgb(255, 255, 255,1);border:1px transparent lightgray;background-image: url(../backgrounds/french-stucco.png)} #home.default .col .colImage img {object-fit:cover !important;object-position:left !important;padding:4rem 0 8rem 0} .#xnews.news #wrapper .pageRowColumn.pcrText{width:calc(100% - 11rem)} #page-top.Desktop.touch #mainNav #subContainer div #nfWrapper{display:grid;align-content:center;text-align:center} #page-top.Desktop.touch #mainNav #subContainer div #nfWrapper h2{font-size:2rem;color:rgba(125,125,125,.2);font-family:ABeeZee} #page-top.Desktop.touch #circleArea { position: fixed; display: none; width: 50%; height: auto; aspect-ratio: 1/1; background-color: rgba(125,125,125,.1); top: 25%; left: 50%; border-radius: 100%; z-index: 1; } #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper { overflow-y: scroll; scrollbar-width: thin; scrollbar-color: transparent transparent; height: calc(100% - 0rem); width: calc(50% - 0rem); position: relative; top: 0rem; overflow-x: hidden; margin: auto; min-width:720px; padding: 0 0rem; user-select: none; } #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper:hover {scrollbar-color:grey rgba(255,255,255,.5)} #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper.overflowOff{overflow:hidden !important} #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper .expand{scrollbar-color:transparent transparent;background-color:rgba(125,125,125,.2);scrollbar-width:thin;border-bottom:1.25rem solid transparent} #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper .expand:hover{scrollbar-color:grey rgba(255,255,255,.5)} #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper .expand .left a {font-size:.75rem;line-height:1.25rem;padding:0 2rem .5rem 2rem !important} #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper .pcrText h2 {text-align:left !important;width:calc(100% - 2rem)} #page-top.Desktop.touch #mainNav #subContainer #news.news #wrapper .expand h2 {text-align:center !important;width:calc(100% - 1rem)} #page-top.Desktop.touch #mainNav #subContainer #news.news .pageRowColumn.pcrText.expand .left img {min-width: unset} #page-top.Desktop.touch #mainNav #subContainer div #pages.off{z-index:1} #page-top.Desktop.touch #mainNav #subContainer div #pages{z-index:2} #page-top.Desktop.touch #mainNav li a.active {font-family:inherit} #page-top.Desktop.touch #mainNav #subContainer div.default.exifOn .col .colExif {top:2rem;opacity:1;left:2rem} #page-top.Desktop.touch #mainNav #subContainer div.default .col .colExif {top:2rem;left:calc(-25% + 1rem);opacity:0;transition:left .5s linear,opacity .75s} #page-top.Desktop.touch #mainNav #subContainer div.default .col .colText a{text-align:justify;font-size:13px;cursor: default} #page-top.Desktop.touch #mainNav #subContainer div.default .col .colText { display: grid; align-content: center; top: 2rem; left: calc(-25% + 1rem); opacity: 0; transition: left .5s linear,opacity .75s; position: absolute; background-color: rgba(125,125,125,0); height: calc(100% - 4rem); width: calc(25% - 1rem); min-width:480px; padding: 1rem; font-size: .875rem; font-weight: normal; } #page-top.Desktop.touch #mainNav #subContainer div.default .col .colText a{color:rgba(0,0,0,1) !important;font-family:ABeeZee;padding:2rem;background-color: rgba(255,255,255,1);background-image: url(../backgrounds/french-stucco.png);background-color: white} #pxage-top.Desktop.touch #mainNav #subContainer div.default .col .colText a:hover{background-color: rgba(255,255,255,0);color:rgba(0,0,0,1) !important;border:1px solid transparent;background-image: url(../backgrounds/french-stucco.png)} #page-top.Desktop.touch #mainNav #subContainer div.default.read .col .colText {top:0rem;opacity:1;left:2rem;scrollbar-width:thin;height: calc(100% - 0rem)} #page-top.Desktop.touch #mainNav #subContainer div.default.read .col .colImage {height:100%} #page-top.Desktop.touch #mainNav #subContainer div.default.read .col .colImage img {left:10rem;width:calc(100% - 10rem)} #page-top.Desktop.touch #mainNav #subContainer div.default .col.active .colText {display:grid;;z-index:1} #page-top.Desktop.touch #mainNav #subContainer div.default .col .colText {display:none;z-index:-1} #page-top.Desktop.touch #mainNav #subContainer div.default .col.active .colExif {display:grid;z-index:1} #page-top.Desktop.touch #mainNav #subContainer div.default .col .colExif {display:none;z-index:-1} #page-top.Desktop.touch #mainNav #subContainer div.default .col .colText ax{all:unset} #page-top.Desktop.touch #mainNav #subContainer div.default .col .colText p { border: 2rem transparent solid; height: auto; /* padding: 2rem; */ width: calc(100% - 2rem); /* display: grid; */ /* align-content: center; */ position: relative; /* text-align: center; */ background-image: url(../backgrounds/french-stucco.png); background-color: white; overflow: hidden auto; /* text-align: center; */ /* margin: 50%; */ scrollbar-width: thin; font-family: ABeeZee; color: black; /* position: absolute; */ cursor: default; } #page-top.Desktop.touch #mainNav #subContainer div.default .col .colText p a { /* position: absolute; */ /* padding: 0 .5rem; */ /* color: rgb(0, 0, 0,1) !important; */ /* font-family: ABeeZee; */ /* padding: 2rem; */ /* background-image: url(../backgrounds/french-stucco.png); */ /* position: relative; */ /* width: 100%; */ /* position: absolute; */ padding: 0 .5rem; width: calc(100% - 1rem); /* height: 9rem; */ margin: auto; } #fsImg.fsZoom{object-position: top left} @media screen and (max-width:480px) { #sizeWarning{display: block !important} .fav {font-size: 1.25rem;} } #sizeWarning{position: fixed;bottom:1rem;left: 0;width:100%;height:9rem;background-color: rgba(0,0,0,.8);color: white; z-index:9999999999;padding:1rem;display: none;transition: bottom 1s linear} #sizeWarning.off{bottom: -9rem} #sizeWarninga{position: relative;top:0rem;padding: 1rem} #warning { position: absolute; top: 5rem; left: calc(50% - 10rem); width: 20rem; height: auto; background-color: #59656d; color: white; z-index: 9999999999; display: none; transition: top 1s linear; display: none; padding:1.5rem; border: white .125rem solid; border-radius: .5rem; text-align: center; box-shadow: .25rem .25rem 1rem grey; } #warning.off{top: -15rem} #warning a{position: relative;top:0rem; font-size: 1rem;word-wrap: break-word;} @media screen and (max-width:767px) { /*This is basic media query for respective device.In to this media query CSS code cover the both view landscape and portrait view.*/ #home.default.mobile .col .colImage img {object-fit:cover;object-position:top left !important} } @media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) { /*This orientation media query. In to this orientation media query you can specify more about CSS code for landscape view.*/ #home.default.mobile .col .colImage h2 {top:unset;bottom:0} #home.default.mobile .col .colImage img {object-fit:contain;object-position:center !important} } @media screen and (max-width:1024px){ /*This is basic media query for respective device.In to this media query CSS code cover the both view landscape and portrait view.*/ #xpage-top.Desktop.touch #mainNav #subContainer div.default .col .colText a{text-align:left} } @media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){ /*This orientation media query. In to this orientation media query you can specify more about CSS code for landscape view.*/ }