/************************
  * Slide classes
************************/
  
  /* Logo placement */
  
  .my-logo-left {
    content: "";
    position: absolute;
    top: 15px;
    left:   20px;
    height: 40px;
    width: 120px;
    background-repeat: no-repeat;
    background-size: contain;
  }

.my-logo-right {
  content: "";
  position: absolute;
  top: 15px;
  right:   8px;
  height: 40px;
  width: 120px;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Title slides */
  
  .title-slide {
    background-color: #ffffff;  /* white background */
      color: #002E65;             /* blue text */
  }

.title-slide-blue {
  background-color: #002E65;  /* blue background */
    color: #ffffff;             /* white text */
}

.title-slide-blue {
  background-color: #ada500;  /* green background */
    color: #ffffff;             /* white text */
}

/* inverse slides (inverse) */
  
  .inverse-red {
    background-color: #ea2c38;  /* red background */
      color: #fff;                /* white text*/
      text-shadow: 0 0 0;         /* no text shadow */
      border-bottom: 0;           /* no border */
  }

.inverse-green {
  background-color: #ada500;  /* green background */
    color: #fff;                /* white text*/
    text-shadow: 0 0 0;         /* no text shadow */
    border-bottom: 0;           /* no border */
}

.inverse-blue {
  background-color: #002E65;  /* blue background */
    color: #fff;                /* white text*/
    text-shadow: 0 0 0;         /* no text shadow */
    border-bottom: 0;           /* no border */
}

.inverse-green h1, .inverse-green h2, .inverse-green h3 {
  color: #f3f3f3;
}

.inverse-red h1, .inverse-red h2, .inverse-red h3 {
  color: #f3f3f3;
}

.inverse-blue h1, .inverse-blue h2, .inverse-blue h3 {
  color: #f3f3f3;
}

/************************
  * Font size and colours
************************/
  
  /*      LaTeX style       */
  .Large       , .Large .remark-code, .Large .remark-inline-code { font-size: 144%; }
.large       , .large .remark-code, .large .remark-inline-code { font-size: 120%; }
.small       , .small .remark-code, .small .remark-inline-code { font-size: 90%; }
.footnotesize, .footnotesize .remark-code, .footnotesize .remark-inline-code { font-size: 80%; }
.scriptsize  , .scriptsize .remark-code, .scriptsize .remark-inline-code { font-size: 70%; }
.tiny        , .tiny .remark-code, .tiny .remark-inline-code { font-size: 60%; }

/* or you can be more specific */
  .font10 , .code10 .remark-code, .code10 .remark-inline-code{ font-size: 10%; }
.font20 , .code20 .remark-code, .code20 .remark-inline-code{ font-size: 20%; }
.font30 , .code30 .remark-code, .code30 .remark-inline-code{ font-size: 30%; }
.font40 , .code40 .remark-code, .code40 .remark-inline-code{ font-size: 40%; }
.font50 , .code50 .remark-code, .code50 .remark-inline-code{ font-size: 50%; }
.font60 , .code60 .remark-code, .code60 .remark-inline-code{ font-size: 60%; }
.font70 , .code70 .remark-code, .code70 .remark-inline-code{ font-size: 70%; }
.font75 , .code75 .remark-code, .code75 .remark-inline-code{ font-size: 75%; }
.font80 , .code80 .remark-code, .code80 .remark-inline-code{ font-size: 80%; }
.font90 , .code90 .remark-code, .code90 .remark-inline-code{ font-size: 90%; }
.font100, .code100 .remark-code, .code100 .remark-inline-code{ font-size: 100%; }
.font110, .code110 .remark-code, .code110 .remark-inline-code{ font-size: 110%; }
.font120, .code120 .remark-code, .code120 .remark-inline-code{ font-size: 120%; }
.font130, .code130 .remark-code, .code130 .remark-inline-code{ font-size: 130%; }
.font140, .code140 .remark-code, .code140 .remark-inline-code{ font-size: 140%; }
.font150, .code150 .remark-code, .code150 .remark-inline-code{ font-size: 150%; }
.font160, .code160 .remark-code, .code160 .remark-inline-code{ font-size: 160%; }
.font170, .code170 .remark-code, .code170 .remark-inline-code{ font-size: 170%; }
.font175, .code175 .remark-code, .code175 .remark-inline-code{ font-size: 175%; }
.font180, .code180 .remark-code, .code180 .remark-inline-code{ font-size: 180%; }
.font190, .code190 .remark-code, .code190 .remark-inline-code{ font-size: 190%; }
.font200, .code200 .remark-code, .code200 .remark-inline-code{ font-size: 200%; }

.UA-red { color: #ea2c38; }
.UA-blue { color: #002e65; }
.SW-greenD { color: #ada500; }
.SW-greenL {color: #d7d394; }
.data-theme {color: #9979C5;}
.aes-theme {color: #599AE9;}
.geom-theme {color: #4CEADA;}
.facet-theme {color: #8BD581;}
.stat-theme {color: #F4E549;}
.coord-theme {color: #F2B44D;}
.theme-theme {color: #E67356;}
.brand-gray {color: #F1F1F1;}
.brand-grey {color: #F1F1F1;}
.black { color: black; }
.white { color: white; }
.red { color: red; }
.blue { color: blue; }
.green { color: green; }
.yellow { color: yellow; }
.orange { color: orange; }
.purple { color: purple; }
.gray { color: gray; }
.grey { color: gray; }
.pink{ color:rgb(249, 38, 114);}
.bold { font-weight: bold; }
.bolder { font-weight: bolder; }
                          
/* code higlighting */
.remark-code-string-highlighted, 
.remark-code-line-highlighted {
  background-color: yellow;
  }