Suggest a feature
×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: Ruhul Amin
Added: Nov 24, 2021 7:59 PM
Views: 640
Tags: no tags
  1.  
  2. html {
  3.         scroll-behavior: smooth;
  4. }
  5. html{line-height:1.15;-webkit-text-size-adjust:100%}
  6. body{margin:0}
  7. main{display:block}
  8. h1{font-size:2em;margin:.67em 0}
  9. hr{box-sizing:content-box;height:0;overflow:visible}
  10. pre{font-family:monospace,monospace;font-size:1em}
  11. a{background-color:transparent}
  12. abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
  13. b,strong{font-weight:bolder}
  14. code,kbd,samp{font-family:monospace,monospace;font-size:1em}
  15. small{font-size:80%}
  16. sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
  17. sub{bottom:-.25em}
  18. sup{top:-.5em}
  19. img{border-style:none}
  20. button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
  21. button,input{overflow:visible}
  22. button,select{text-transform:none}
  23. [type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
  24. [type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
  25. [type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
  26. fieldset{padding:.35em .75em .625em}
  27. legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
  28. progress{vertical-align:baseline}
  29. textarea{overflow:auto}
  30. [type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
  31. [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
  32. [type=search]{-webkit-appearance:textfield;outline-offset:-2px}
  33. [type=search]::-webkit-search-decoration{-webkit-appearance:none}
  34. ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
  35. details{display:block}
  36. summary{display:list-item}
  37. template{display:none}
  38. [hidden]{display:none}
  39. img {max-width:100%;vertical-align:middle}
  40. /*==============================================================
  41. ========================= Font Family =========================
  42. ==============================================================*/
  43. /* @font-face {font-family: 'Museo Sans';src: url('assets/fonts/MuseoSans-500.woff2') format('woff2'),url('assets/fonts/MuseoSans-500.woff') format('woff');font-weight: normal;font-style: normal;font-display: swap;}
  44. @font-face {font-family: 'Museo Sans';src: url('assets/fonts/MuseoSans-700.woff2') format('woff2'),url('assets/fonts/MuseoSans-700.woff') format('woff');font-weight: 600;font-style: normal;font-display: swap;}
  45. @font-face {font-family: 'Museo Sans';src: url('assets/fonts/MuseoSans-300.woff2') format('woff2'),url('assets/fonts/MuseoSans-300.woff') format('woff');font-weight: 300;font-style: normal;font-display: swap;} */
  46.  
  47. @import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');
  48.  
  49. body, input, textarea {
  50.         font-family: 'DM Sans', sans-serif;
  51.         font-weight: 300;
  52.         color: #191919
  53. }
  54. h1, h2, h3, h4, h5, h6 {
  55.         font-family: 'DM Sans', sans-serif;
  56.         font-weight: 700;
  57.         color: #000000
  58. }
  59. .font-museo{font-family:"Museo Sans",sans-serif;}
  60. /*==============================================================
  61. ======================= Bootstrap Grid =========================
  62. ==============================================================*/
  63. html{box-sizing:border-box;-ms-overflow-style:scrollbar}
  64. *,::after,::before{box-sizing:inherit}
  65. .container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
  66. @media (min-width:576px){
  67.         .container{max-width:540px}
  68. }
  69. @media (min-width:768px){
  70.         .container{max-width:720px}
  71. }
  72. @media (min-width:992px){
  73.         .container{max-width:960px}
  74. }
  75. @media (min-width:1200px){
  76.         .container{max-width:1130px}
  77. }
  78. @media (min-width:1366px){
  79.         .container{max-width:1130px}
  80. }
  81. @media (min-width:1500px){
  82.         .container{max-width:1130px}
  83. }
  84. .container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
  85. .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
  86. .no-gutters{margin-right:0;margin-left:0}
  87. .no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}
  88. .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}
  89. .col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  90. .col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  91. .col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  92. .col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  93. .col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  94. .col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  95. .col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  96. .col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  97. .col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  98. .col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  99. .col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  100. .col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  101. .col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  102. .col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  103. @media (min-width:576px){
  104.         .col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  105.         .col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  106.         .col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  107.         .col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  108.         .col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  109.         .col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  110.         .col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  111.         .col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  112.         .col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  113.         .col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  114.         .col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  115.         .col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  116.         .col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  117.         .col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  118. }
  119. @media (min-width:768px){
  120.         .col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  121.         .col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  122.         .col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  123.         .col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  124.         .col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  125.         .col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  126.         .col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  127.         .col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  128.         .col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  129.         .col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  130.         .col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  131.         .col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  132.         .col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  133.         .col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  134. }
  135. @media (min-width:992px){
  136.         .col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  137.         .col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  138.         .col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  139.         .col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  140.         .col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  141.         .col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  142.         .col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  143.         .col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  144.         .col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  145.         .col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  146.         .col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  147.         .col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  148.         .col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  149.         .col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  150. }
  151. @media (min-width:1200px){
  152.         .col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
  153.         .col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}
  154.         .col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
  155.         .col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
  156.         .col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
  157.         .col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
  158.         .col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
  159.         .col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
  160.         .col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
  161.         .col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
  162.         .col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
  163.         .col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
  164.         .col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
  165.         .col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
  166. }
  167. .flex-row{-ms-flex-direction:row!important;flex-direction:row!important}
  168. .flex-column{-ms-flex-direction:column!important;flex-direction:column!important}
  169. .flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}
  170. .flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}
  171. .flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}
  172. .flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}
  173. .flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}
  174. .flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}
  175. .flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
  176. .flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}
  177. .flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}
  178. .flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}
  179. .justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}
  180. .justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}
  181. .justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
  182. .justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}
  183. .justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}
  184. .align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}
  185. .align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}
  186. .align-items-center{-ms-flex-align:center!important;align-items:center!important}
  187. .align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}
  188. .align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}
  189. .align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}
  190. .align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}
  191. .align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}
  192. .align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}
  193. .align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}
  194. .align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}
  195. .align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}
  196. .align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}
  197. .align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}
  198. .align-self-center{-ms-flex-item-align:center!important;align-self:center!important}
  199. .align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}
  200. .align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}
  201. .ie-section{position:relative;}
  202.  
  203. svg {
  204.         max-width: 100%;
  205.         height: inherit;
  206. }
  207.  
  208.  
  209. /* Header CSS End */
  210. .site-branding {
  211.     width: 250px;
  212. }
  213. nav#site-navigation{
  214.     width: calc(100% - 250px);
  215. }
  216. ul#primary-menu {
  217.     display: inline-flex;
  218.     flex-wrap: wrap;
  219.     padding: 0;
  220.     margin: 0;
  221.     list-style: none;
  222.     width: 100%;
  223.     justify-content: flex-end;
  224. }
  225. ul#primary-menu li a {
  226.     padding: 0px 20px;
  227.     display: block;
  228.     text-decoration: none;
  229. }
  230. button.menu-toggle {
  231.     display: none;
  232. }
  233.  
  234. /* Header CSS End */