lollytin/css/custom.css

   1 /*//////////////////////////////////////////////////////////////////////////////////////////*/\r
   2 /* CUSTOM CSS (ADD YOUR CSS HERE!) */\r
   3 /*//////////////////////////////////////////////////////////////////////////////////////////*/\r
   4 \r
   5 /* PLUGIN CSS */\r
   6 @import url('../plugins/camera-slider/camera-slider-1.3.4.min.css');\r
   7 @import url('../plugins/fancybox/fancybox-1.3.4.min.css');\r
   8 @import url('../plugins/fancybox/photoswipe-3.0.5.min.css');\r
   9 @import url('../plugins/hover-animations/hover-animations-1.0.min.css');\r
  10 @import url('../plugins/justinaguilar-animations/animations.css');\r
  11 @import url('../plugins/validation/validation-2.2.min.css');\r
  12 @import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700');\r
  13 \r
  14 /* PAGE MODULES */\r
  15 body{\r
  16         font-family: 'Open Sans', sans-serif;\r
  17         font-weight:300;\r
  18         color: #005b95;\r
  19         background: url('../img/psbg.png');\r
  20 }\r
  21 h1, .h1{\r
  22         margin-top: 0px;\r
  23         margin-bottom: 30px;\r
  24 }\r
  25 h2, .h2{\r
  26         margin-top: 0px;\r
  27         margin-bottom: 15px;\r
  28         font-size: 20px;\r
  29 }\r
  30 p {\r
  31         margin: 0 0 15px;\r
  32 }\r
  33 #main-header{\r
  34         background: #0072ba;\r
  35 }\r
  36 #main-nav{\r
  37         background: #005b95;\r
  38 }\r
  39 .content-block{\r
  40         background: transparent;\r
  41         padding: 30px 0px;\r
  42 }\r
  43 .service-block{\r
  44         background: transparent;\r
  45         padding: 30px 0px;\r
  46 }\r
  47 .content-block img{\r
  48         margin-bottom: 30px;\r
  49 }\r
  50 .gallery-block{\r
  51         background: transparent;\r
  52         padding: 30px 0px;\r
  53 }\r
  54 .gallery-block img{\r
  55         margin-bottom: 30px;\r
  56 }\r
  57 .form-block{\r
  58         background: transparent;\r
  59         padding: 30px 0px;\r
  60 }\r
  61 .map-block{\r
  62         background: transparent;\r
  63         padding: 30px 0px;\r
  64 }\r
  65 .footer-block{\r
  66         background: transparent;\r
  67         padding: 30px 0px;\r
  68 }\r
  69 .copyright-block{\r
  70         background: #005b95;\r
  71         height:60px;\r
  72         line-height:60px;\r
  73         color:#fff;\r
  74 }\r
  75 .copyright-block a{\r
  76         color:#fff;\r
  77 }\r
  78 #map{\r
  79         height:400px;   \r
  80 }\r
  81 #footer-map{\r
  82         height:250px;   \r
  83 }\r
  84 [class*="animate-"] .overlay {\r
  85         background: #005995;\r
  86 }\r
  87 \r
  88 /* NAVIGATION */\r
  89 .navbar-nav>li>a {\r
  90         line-height: 60px;\r
  91         height: 60px;\r
  92 }\r
  93 .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{\r
  94         color: #005b95;\r
  95         background-color: #149cd7;\r
  96 }\r
  97 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{\r
  98         color: #005b95;\r
  99         background-color: #149cd7;\r
 100 }\r
 101 .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{\r
 102         color: #149cd7;\r
 103 }\r
 104 .navbar-default .navbar-nav>li>a{\r
 105         color: #fff;\r
 106 }\r
 107 .navbar-default .navbar-toggle:hover .icon-bar{\r
 108         background-color: #149cd7;\r
 109 }\r
 110 \r
 111 /* RESPONSIVE */\r
 112 @media (min-width: 1230px) {...}\r
 113 \r
 114 @media (min-width: 1022px) {...}\r
 115 \r
 116 @media (max-width: 1021px) {...}\r
 117 \r
 118 @media (min-width: 798px) {...}\r
 119 \r
 120 @media (max-width: 797px) {...}\r
 121 \r
 122 @media (max-width: 598px) {...}\r
 123 \r
 124 @media (max-width: 510px) {...}\r
 125 \r
 126 @media (min-width: 798px) and (max-width: 1021px) {...}\r
 127 \r
 128 @media (min-width: 1022px) and (max-width: 1229px) {...}