#theCraneImage {

   border-radius        : 1em;  

}

#ddCraneLinks {

    border              : 0px solid #ccc;

}



#craneDescription {

   width                : 95.5%;

   border-radius        : 1em;

   color                : #46525E;

   text-align           : justify;

   border               : 1px solid #8b6b5b;

   background-color     : #e3cdc1;

   padding              : 2%;

}



#theQuote{

  background             : #758A9E;

  font-size              : 12pt;

  font-weight            : normal;

  border-radius          : 15px;

  position               : relative;

  border                 : 1px solid #5d6e7e;

  color                  : white;

  display                : none;

  z-index                : 2000000;

}



#theName {

   color                 : white;

   background-color      : #536575;

   border                : 1px solid #5d6e7e;

}



#closeQuote {

   border-bottom         : 0px solid white;

   border-radius         : 50%;

}



#closeQuote img {

   border-radius          : 50%;

   border                 : 1px solid #5d6e7e;

   border-radius          : 50%;

   width                  : 39px; 

   height                 : 39px;

}



#theTime::before {

   content                : "- ";

}

.theTime {

   color                  : #8b6b5b;

   position               : absolute; 

   right                  : 0.75em;

}



alittlesmaller {

   font-size              : 0.85em;       

}



.newsquote {

   background-color       : #536575;

}



#craneQuote {

  padding                : 20px 20px 20px 20px ;

  font-size              : 12pt;

  font-weight            : normal;

  border-radius          : 20px;

  position               : relative;

  border                 : 1px solid #5d6e7e;

}

.blockquote {

  background-color       : #DCE2E7;

  quotes                 : "\201C""\201D""\2018""\2019";

  

  color                  : #5d6e7e;

}

.blockquote::before {

  color                  : #black;

  content                : open-quote;

  font-size              : 4em;

  line-height            : 0.00em;

  margin-right           : 0.25em;

  vertical-align         : -0.4em;

}

.blockquote::after{

  color                  : #black;

  content                : close-quote;

  font-size              : 4em;

  line-height            : 0.1em;

  float                  : right;

  margin-top             : 0.2em;

}

.craneYouTubeIframe {

   width               : 148px;

   height              : 83px;

   border-radius       : 15px; 

}

.craneYouTubeDiv {

   position            : absolute; 

   bottom              : 20px;

   border-radius       : 15px; 

   left                : 20px;

   border              : 0px solid orange;

   width               : 148px;

   height              : 83px;

   overflow            : hidden;

}



#imageAnchor {

   position            : relative;

   overflow            : hidden; 

   width               : 304px;

}



.imageDot {

   display             : inline-block; 

   width               : 1em; 

   height              : 1em;

   border-radius       : 50%;

}



#imageDots a {

   width               : 1em;

   display             : inline-block; 

   height              : 1em; 

   border-radius       : 50%;

   border              : 1px solid #999;

   overflow            : hidden;

}

#ultimateCraneHolder {

   position            : relative;

   overflow            : hidden;

}



#takenOn {

}

#theCraneImageMap {



}

#imageTagAnchors {

}



#favoriteHeart {

   background-repeat : no-repeat;

   display           : inline-block; 

   width             : 20px;

   height            : 20px;

   border            : 0px solid white;

   background-size   : 20px 20px;

}



#favoriteHeart span {

    font-size        : 1em;

    display          : inline-block;

    width            : 20px;

    min-width        : 20px;

 }



#siteFavoriteHeart {

   background-repeat : no-repeat;

   display           : block; 

   width             : 20px;

   height            : 20px;

   border            : 0px solid white;

   background-size   : 100% 100%;

   position          : relative; 

   top: 25.5em;

   left: 2em; 

}



#siteFavoriteHeart span {

    font-size        : 1em; 

    display          : inline-block;

    width            : 20px;

    min-width        : 20px;

 }



#siteFavoriteHeart.off {

   background-image    : url("https://www.conceptual-nachos.com/images/1000Cranes/FinalResponsive/Svgs/heart.svg");

   

}

#siteFavoriteHeart.on {

   background-image    : url("https://www.conceptual-nachos.com/images/1000Cranes/FinalResponsive/Svgs/heartBlue.svg");

   

}



#favoriteHeart.off {

   background-image    : url("https://www.conceptual-nachos.com/images/1000Cranes/FinalResponsive/Svgs/heart.svg");

   

}



#favoriteHeart.on {

   background-image    : url("https://www.conceptual-nachos.com/images/1000Cranes/FinalResponsive/Svgs/heartRed.svg");

   

}



#craneLink {

   position            : absolute;

   text-decoration     : none; 

   border-bottom       : 0px solid white;

}



#craneLink img {

   width               : 20px; 

   height              : 20px; 

}



#craneKeywords {

   position            : absolute;

   text-decoration     : none; 

   border-bottom       : 0px solid white;

}



#craneKeywords img {

   width               : 20px; 

   height              : 20px; 

}



#craneDescriptionHolder {

   position           : relative;

}



#craneDesciption {

   position           : relative;

}



ratings span {

  display             : inline-block; 

  width               : 1em; 

  height              : 1em; 

  border-radius       : 50%;

  border              : 0px dotted orange; 

  margin-right        : 0.2em;

}



ratings div.ratingName {

  color               : #303B45;

}



ratings span.on {

  background-color    : #5d6e7e;

  border              : 1px solid #303B45;

  

}

ratings span.off {

  background-color    : #DCE2E7;

  border              : 1px solid #303B45;

}  



ratings div.ratingDots {

   margin-bottom      : 0.3em;

}



pcrane quote {

   color              : #5d6e7e;

}



game {

   font-size          : 0.9em;

   display            : none;

   text-align         : center;

   color              : #46525E;

   border-color       : #8B6B5B;

}



.gameEventIcon {

   height             : 0.8em;

}



game div div.leftSide {

   text-align         : right;

   position           : relative;

   text-align         : right;

}

game div div.boxScore {

   width              : 45%;

   border             : 0px dotted green;

   display            : inline-block;

}

game div div.rightSide {

   float              : right; 

   width              : 48% !important;

   text-align         : left;

}





#gameTable {

   padding-top        : 1em;

   overflow           : hidden;

}

.gameFlag {

   height             : 1.5em;

}



.gameScore {

   font-size          : 1.5em; 

   font-weight        : bold; 

   position           : relative; 

   top                : -0.15em;

}



.gameScoreRight {

   padding-right       : 0.5em;

}



.gameScoreLeft {

   padding-left       : 0.5em;

}



.gamePoints {

   display            : inline-block;

   width              : 2em;

}



.gameMinute {

   display            : inline-block;

   width              : 2em;

}



.gameEventHolder {

   width             : 2em;

   display           : inline-block;

}

.gameFlagHome {

   display           : none;

}



.gameEventHolderLeft {

   width             : 2em;

   display           : inline-block;

}

.gameEventHolder img {

   float            : right;

}

.gameEventHolderLeft img {

   float            : left;

}



.countryName {

   font-size          : 1.5em;

   font-weight        : bold;

   padding            : 0em 0.5em 0em 0.5em;

   position           : relative; 

   top                : -0.15em;

}



.gameHolder {

   border-radius      : 1em;

}

 

.gameName {

   font-weight       : bold; 

   font-size         : 1.25em;

}

.gameSubName {

   font-size         : 0.8em;

}



.gameFlagHomeMobile {

   display            : none; 

}



.gameFlagHomeNonMobile {

   display            : inline; 

}



game .closeIconLink {

   position           : relative; 

   clear              : both; 

   border             : 2px solid #8b6b5b;

   text-decoration    : none;

   border-radius      : 50%;

   width              : 2em; 

   height             : 2em; 

   display            : inline-block;

   overflow           : hidden;

   margin-top         : 0.5em;

} 



game .closeIconLink img {

   width              : 2em; 

   height             : 2em;  

   left               : 0em;

   top                : 0em;

   border-radius      : 50%;

   

} 

#craneDescription  pcrane:last-child {

    margin-bottom : 0.4em;

}



pcrane.quote {
   padding       : 2px 0px 2px 0px;
   border-top    : 1px dotted #8B6B5B;
   border-bottom : 1px dotted #8B6B5B;
   position      : relative;
   margin-bottom : 2em;
   display       : block;
}

.byline {
    position     : absolute;
    bottom       : -14pt;
    font-size    : 9pt;
    right        : 0px;
}

.byline::before {
    content      : "- ";
}

pcrane.quote:last-child {
   margin-bottom : 2em !important;
}



.definitionTitle {
   font-size        : 14pt;
   font-weight      : bold;
}

.definitionOL {
   padding          : 0px; 
   margin           : 0px;
}

ol .definitionOL li {
   margin-left      : 1.2em;
   color            : black !important;'

}
.descriptionParts {
   color            : black !important;'
}

ol .descriptionParts li {
   margin-top       : 0.2em;
   margin-left      : 1.2em;
   color            : black !important;
   list-style-type  : lower-alpha;
}
ol .descriptionParts li span {
   color            : #758A9E
}





ol.crane {
   color               : <% print $colorBambooBlueDark; %>; 
   padding-top         : 0.5em;
}
ol.crane li {
   color               : <% print $colorBambooBlueDark; %>; 
   padding-left        : 0.5em;
}



number {
   position       : relative; 
   padding-right  : 0.65em;
}

number sup {
   position        : absolute; 
   top             : 0em; 
   font-size       : 0.6em;
}



element {
   position       : relative; 
   padding-right  : 0.65em;
}

element sub {
   position        : absolute; 
   bottom          : 0em; 
   font-size       : 0.6em;
}





pcrane ol {

   list-style-type : decimal;

   padding         : 0.5em 1em 0.5em 1em; 

   margin          : 0em;'

}



pcrane ol itemtitle {

   font-weight     : bold;

}



pcrane ol itemtitle::after {

   content       : ": ";

}



.aImagesInfoIcon {

   border         : 0px dotted white !important;

}

.aImagesInfoIcon img.imagesInfoIcon {

   display       : inline;

   height        : 1.5em; 

   width         : 1.5em;

   border-radius : 5px;

}



.infoSpecificIcon {

   position      : absolute; 

   right         : 30px;

   top           : -30px;

}



.mapSpecificIcon {

   position      : absolute; 

   right         : 0px;

   top           : -30px;

}



.pnlImagesInfo {

   display       : none; 

}



#imagesInfoAnchrs {

    position     : absolute;

    display      : block;

}



#audioPlayer {

   display       : none;

}



#audioPlayerControls a.play {

   background      : url("../images/icons/PlayIcon.svg");

    

}



#audioPlayerControls a.pause {

   background      : url("../images/icons/PauseIconOff.svg");

}



#audioPlayerControls a.stop {

   background      : url("../images/icons/StopIconOff.svg");

}



#audioPlayerControls a[id^='apPlay'].on {

   background      : url("../images/icons/PlayIconOff.svg");

   background-size : 1em;

    

}



#audioPlayerControls a[id^='apPause'].on  {

   background      : url("../images/icons/PauseIcon.svg");

   background-size : 1em;

}



#audioPlayerControls a[id^='apStop'].on  {

   background      : url("../images/icons/StopIcon.svg");

   background-size : 1em;

}





#audioPlayerControls a {

  height          : 1em;

  width           : 1em;

  opacity         : 0.60;

}



#audioPlayerControls a.on {

  height          : 1em;

  width           : 1em;

}



#audioPlayerControls a.play, #audioPlayerControls a.pause, #audioPlayerControls a.original

{

   background-size  : 1em;

   overflow         : hidden;

}



#audioPlayerControls a.original {

   background      : url("../images/icons/MusicNoteIcon.svg");

   background-size : 1em;

}



#audioPlayerControls a {

    display        : inline-block;

    border-bottom  : 0px solid white;

}



.audioTitle {

   position        : relative; 

   top             : -0.2em;

   padding-left    : 0.5em;

   color           : #303B45;

}



\* January 13, 2022 11:08:28*/





.cranesLogoHolder {

   margin-left: auto; 

   margin-right: auto; 

}