@charset "UTF-8";
/*
 Theme Name:     Pixeltokig Theme
 Description:    Pixeltokig Theme
 Author:         Pixeltokig
 Author URI:     http://www.pixeltokig.se
 Template:       Divi
 Version:        1.0.0
*/
/* Main */
/* Typography */
/* Header (desktop) */
/* Header (mobile) */
/* Page title */
/* Footer */
/* Layout */
/* Components */
h1, .pixel-title h1 {
  color: #000;
  font-size: 76px;
  font-weight: 400;
}

@media only screen and (max-width: 600px) {
  h1, .pixel-title h1 {
    font-size: 39px;
  }
}

h2, .pixel-heading h2 {
  color: #2980B9;
  font-size: 39px;
  font-weight: 400;
}

h3, h4, h5, h6, .pixel-subtitle h3 {
  color: #2980B9;
  font-size: 20px;
  font-weight: 400;
  padding-bottom: 15px;
}

body, p, .pixel-text, .pixel-text p {
  color: #000;
  font-size: 20px;
  font-weight: 400;
}

a {
  color: #2980B9;
  font-size: 20px;
  font-weight: 400;
}

a:hover, a:active {
  color: #000;
}

.pixel-section-dark h1, .pixel-section-dark .pixel-title h1 {
  color: #fff;
}

.pixel-section-dark h2, .pixel-section-dark .pixel-heading h2 {
  color: #f39c12;
}

.pixel-section-dark h3, .pixel-section-dark h4, .pixel-section-dark h5, .pixel-section-dark h6, .pixel-section-dark .pixel-subtitle h3 {
  color: #f39c12;
}

.pixel-section-dark p, .pixel-section-dark .pixel-text, .pixel-section-dark .pixel-text p {
  color: #fff;
}

.pixel-section-dark a {
  color: #fff;
}

.pixel-section-dark a:hover, .pixel-section-dark a:active {
  color: #f39c12;
}

.pixel-gallery .et_overlay {
  background: rgba(255, 255, 255, 0.5);
}

.pixel-gallery .et_overlay:before {
  display: none !important;
}

.pixel-section-light {
  background: #fff;
}

.pixel-section-dark {
  background: #2980B9;
}

.pixel-subtitle {
  margin-bottom: 0px !important;
}

/* Sätter storlek på bilderna */
.pixel-image img {
  width: 100%;
  max-width: 640px;
}

@media only screen and (max-width: 580px) {
  .pixel-image img {
    max-width: 320px;
  }
}

.pixel-image.pixel-small-icon img {
  max-width: 50px;
}

.pixel-image.pixel-large-icon img {
  max-width: 150px;
}

/* full width and height sections */
.pixel-full-width {
  padding: 0px !important;
}

.pixel-full-width .et_pb_equal_columns {
  padding: 0px;
  width: 100% !important;
  max-width: 100% !important;
}

.pixel-full-width .et_pb_equal_columns > div:first-child {
  padding: 0px;
  margin: 0px;
}

.pixel-full-width .et_pb_equal_columns > div:nth-child(2) {
  padding: 100px;
}

@media only screen and (min-width: 1500px) {
  .et_pb_equal_columns > div:nth-child(2) {
    padding: 200px !important;
  }
}

@media only screen and (min-width: 2000px) {
  .et_pb_equal_columns > div:nth-child(2) {
    padding: 300px !important;
  }
}

@media only screen and (max-width: 980px) {
  .et_pb_equal_columns > div:nth-child(2) {
    padding: 50px 10% !important;
  }
}

.home #main-header {
  background: transparent;
}

.home #main-header ul a {
  color: #fff;
}

.home #main-header ul a:hover, .home #main-header ul a:active {
  color: #f39c12;
}

.home #main-header ul ul a {
  color: #2980B9;
}

.home #main-header ul ul a:hover, .home #main-header ul ul a:active {
  color: #f39c12;
}

body #main-header {
  background: #2980B9;
}

body #main-header ul a {
  color: #fff !important;
  font-size: 36px;
}

body #main-header ul a:hover, body #main-header ul a:active {
  color: #f39c12 !important;
  background: transparent;
  opacity: 1 !important;
}

body #main-header ul ul {
  background: #fff !important;
  border-top: none;
  width: 200px;
  box-shadow: none;
}

body #main-header ul ul a {
  font-size: 16px;
  color: #2980B9 !important;
}

body #main-header ul ul a:hover, body #main-header ul ul a:active {
  color: #f39c12 !important;
}

body #main-header.et-fixed-header {
  background: rgba(41, 128, 185, 0.95);
  -webkit-box-shadow: inset 0px -6px 0px -1px rgba(255, 255, 255, 0.1) !important;
  -moz-box-shadow: inset 0px -6px 0px -1px rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0px -6px 0px -1px rgba(255, 255, 255, 0.1) !important;
}

body #main-header.et-fixed-header ul a {
  color: #fff !important;
  font-size: 20px;
}

body #main-header.et-fixed-header ul a:hover, body #main-header.et-fixed-header ul a:active {
  color: #f39c12;
  background: transparent;
}

body #main-header.et-fixed-header ul ul {
  background: rgba(41, 128, 185, 0.95) !important;
  border-top: none;
  width: 200px;
  box-shadow: none;
}

body #main-header.et-fixed-header ul ul a {
  font-size: 16px;
}

body #main-header.et-fixed-header ul ul a:hover, body #main-header.et-fixed-header ul ul a:active {
  color: #f39c12 !important;
}

.link-frontpage {
  display: none !important;
}

/* mobile menu */
@media only screen and (max-width: 980px) {
  .link-frontpage {
    display: block !important;
  }
  .home #main-header {
    background: transparent !important;
  }
  .home #main-header .mobile_menu_bar:before {
    color: #fff !important;
  }
  #main-header.et-fixed-header {
    background: #2980B9 !important;
  }
  #main-header.et-fixed-header .mobile_menu_bar:before {
    color: #fff !important;
  }
  #main-header {
    background: #2980B9 !important;
    position: fixed !important;
  }
  #main-header .mobile_menu_bar {
    z-index: 10;
  }
  #main-header .mobile_menu_bar:before {
    color: #fff !important;
    font-size: 42px;
  }
  #main-header .opened-container {
    background: #2980B9;
  }
  #main-header .container {
    padding: 0px 5%;
    width: 100%;
  }
  #main-header .container #mobile_menu {
    background: #2980B9;
    position: fixed;
    padding-top: 75px;
    top: 0px;
    border-top: none;
    z-index: 9;
    height: 100%;
    overflow: scroll;
  }
  #main-header .container #mobile_menu li a {
    color: #fff !important;
    border-bottom: none;
    background: transparent !important;
    font-size: 39px !important;
    font-weight: 400 !important;
    padding-left: 0%;
    text-align: center;
    padding: 20px;
  }
  #main-header .container #mobile_menu li ul {
    background: #2980B9 !important;
    padding-left: 0px;
    width: 100%;
  }
  #main-header .container #mobile_menu li ul li {
    padding-left: 0%;
  }
  #main-header .container #mobile_menu li ul li a {
    text-align: center;
  }
}

.pixel-portfolio .et_pb_portfolio_item, .pixel-portfolio .et_pb_post, .pixel-blog .et_pb_portfolio_item, .pixel-blog .et_pb_post {
  width: 30%;
  margin-right: 4%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding-top: 2%;
  padding-bottom: 2%;
  margin-bottom: 0px;
}

.pixel-portfolio .et_pb_portfolio_item span, .pixel-portfolio .et_pb_post span, .pixel-blog .et_pb_portfolio_item span, .pixel-blog .et_pb_post span {
  font-size: 16px;
  color: #000;
}

.pixel-portfolio .et_pb_portfolio_item h2, .pixel-portfolio .et_pb_post h2, .pixel-blog .et_pb_portfolio_item h2, .pixel-blog .et_pb_post h2 {
  margin-top: 15px;
  padding-bottom: 0px;
}

.pixel-portfolio .et_pb_portfolio_item h2 a, .pixel-portfolio .et_pb_post h2 a, .pixel-blog .et_pb_portfolio_item h2 a, .pixel-blog .et_pb_post h2 a {
  font-size: 20px;
}

.pixel-portfolio .et_pb_portfolio_item:nth-child(3n), .pixel-portfolio .et_pb_post:nth-child(3n), .pixel-blog .et_pb_portfolio_item:nth-child(3n), .pixel-blog .et_pb_post:nth-child(3n) {
  margin-right: 0%;
}

.pixel-portfolio .et_pb_portfolio_item img:hover, .pixel-portfolio .et_pb_post img:hover, .pixel-blog .et_pb_portfolio_item img:hover, .pixel-blog .et_pb_post img:hover {
  content: '';
  opacity: 0.7;
  top: 0px;
  right: 0px;
}

@media only screen and (max-width: 980px) {
  .pixel-portfolio .et_pb_portfolio_item, .pixel-portfolio .et_pb_post, .pixel-blog .et_pb_portfolio_item, .pixel-blog .et_pb_post {
    width: 47%;
  }
  .pixel-portfolio .et_pb_portfolio_item:nth-child(3n), .pixel-portfolio .et_pb_post:nth-child(3n), .pixel-blog .et_pb_portfolio_item:nth-child(3n), .pixel-blog .et_pb_post:nth-child(3n) {
    margin-right: 4%;
  }
  .pixel-portfolio .et_pb_portfolio_item:nth-child(2n), .pixel-portfolio .et_pb_post:nth-child(2n), .pixel-blog .et_pb_portfolio_item:nth-child(2n), .pixel-blog .et_pb_post:nth-child(2n) {
    margin-right: 0%;
  }
}

@media only screen and (max-width: 580px) {
  .pixel-portfolio .et_pb_portfolio_item, .pixel-portfolio .et_pb_post, .pixel-blog .et_pb_portfolio_item, .pixel-blog .et_pb_post {
    width: 100%;
    margin-right: 0%;
  }
  .pixel-portfolio .et_pb_portfolio_item:nth-child(3n), .pixel-portfolio .et_pb_post:nth-child(3n), .pixel-blog .et_pb_portfolio_item:nth-child(3n), .pixel-blog .et_pb_post:nth-child(3n) {
    margin-right: 0%;
  }
  .pixel-portfolio .et_pb_portfolio_item:nth-child(2n), .pixel-portfolio .et_pb_post:nth-child(2n), .pixel-blog .et_pb_portfolio_item:nth-child(2n), .pixel-blog .et_pb_post:nth-child(2n) {
    margin-right: 0%;
  }
}

.container:before {
  display: none;
}

#left-area {
  width: 100%;
  padding-right: 0%;
}

.et_pb_portofolio_pagination {
  border-top: none !important;
}

.single-project .et_project_categories a {
  color: #2980B9;
}

.single-project .et_project_categories a:hover, .single-project .et_project_categories a:active {
  color: #000;
}

body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a {
  border: none;
  font-size: 16px;
  color: #000;
}

body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a:hover, body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a:active {
  color: #2980B9;
  background: transparent;
}

body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a.active {
  color: #2980B9;
  background: transparent;
}

.single-project .entry-content, .single-post .entry-content {
  padding-top: 0px;
}

.single-project article h1, .single-post article h1 {
  font-size: 36px;
}

.single-project article img, .single-post article img {
  max-width: 640px;
  width: 100%;
}

.single-project article .et_post_meta_wrapper, .single-project article .entry-content, .single-post article .et_post_meta_wrapper, .single-post article .entry-content {
  width: 47%;
  margin-right: 5%;
  display: inline-block;
  vertical-align: top;
}

.single-project article .entry-content, .single-post article .entry-content {
  margin-right: 0%;
}

@media only screen and (max-width: 980px) {
  .single-project article .et_post_meta_wrapper, .single-project article .entry-content, .single-post article .et_post_meta_wrapper, .single-post article .entry-content {
    width: 100%;
    margin-right: 0%;
    padding-bottom: 25px;
  }
}

.pixel-post-nav {
  margin-top: 25px;
}

.pixel-post-nav a {
  font-size: 20px;
  color: #2980B9;
}

.pixel-post-nav a:hover {
  color: #000;
}

.pixel-section-dark .pixel-portfolio .et_pb_portfolio_item span, .pixel-section-dark .pixel-portfolio .et_pb_post span, .pixel-section-dark .pixel-blog .et_pb_portfolio_item span, .pixel-section-dark .pixel-blog .et_pb_post span {
  color: #fff;
}

.pixel-section-dark .pixel-portfolio .et_pb_portfolio_item h2 a, .pixel-section-dark .pixel-portfolio .et_pb_post h2 a, .pixel-section-dark .pixel-blog .et_pb_portfolio_item h2 a, .pixel-section-dark .pixel-blog .et_pb_post h2 a {
  font-size: 20px;
}

.pixel-section-dark body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a {
  color: #fff;
}

.pixel-section-dark body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a:hover, .pixel-section-dark body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a:active {
  color: #fff;
}

.pixel-section-dark body .pixel-portfolio .et_pb_portfolio_filters .et_pb_portfolio_filter a.active {
  color: #fff;
}

.pixel-section-dark .pixel-post-nav {
  margin-top: 25px;
}

.pixel-section-dark .pixel-post-nav a {
  color: #fff;
}

.pixel-section-dark .pixel-post-nav a:hover {
  color: #f39c12;
}

.pixel-section-dark.single-project .pixel-post-nav a, .pixel-section-dark.single-post .pixel-post-nav a {
  color: #fff;
}

.pixel-section-dark.single-project .pixel-post-nav a:hover, .pixel-section-dark.single-post .pixel-post-nav a:hover {
  color: #f39c12;
}

.pixel-section-dark.single-project .et_project_categories a {
  color: #fff;
}

.pixel-section-dark.single-project .et_project_categories a:hover, .pixel-section-dark.single-project .et_project_categories a:active {
  color: #f39c12;
}

.home .header-content {
  max-width: 768px !important;
  padding-bottom: 10%;
}

@media only screen and (max-width: 600px) {
  .home .header-content-container {
    top: 0px;
    position: absolute;
  }
  .et_pb_fullwidth_header_container {
    width: 90% !important;
  }
}

.home .et_pb_fullwidth_header_overlay {
  background: rgba(0, 0, 0, 0.5);
}

/* Buttons */
.et_pb_button {
  color: #2980B9 !important;
  border-color: #2980B9 !important;
}

.et_pb_button:hover, .et_pb_button:active {
  border-color: transparent;
  color: #2980B9 !important;
}

.scroll-down {
  color: #000 !important;
}

.scroll-down:hover, .scroll-down:active {
  color: #2980B9 !important;
}

@media only screen and (max-width: 600px) {
  .et_pb_button {
    margin-top: 10px !important;
    width: 100%;
    text-align: center;
  }
  .scroll-down {
    display: none;
  }
}

.pixel-section-dark .et_pb_button {
  color: #fff !important;
  border-color: #fff !important;
}

.pixel-section-dark .et_pb_button:hover, .pixel-section-dark .et_pb_button:active {
  border-color: transparent;
  color: #fff !important;
}

.pixel-section-dark .scroll-down {
  color: #fff !important;
}

.pixel-section-dark .scroll-down:hover, .pixel-section-dark .scroll-down:active {
  color: #f39c12 !important;
}

#footer-bottom {
  display: none;
}

.pixel-credits {
  background: #2980B9;
  color: #fff;
  display: block;
  padding: 10px;
  text-align: center;
}

.pixel-credits:hover, .pixel-credits:active {
  color: #f39c12;
}

.pixel-credits.pixel-section-dark {
  color: #fff;
}

.pixel-credits.pixel-section-dark:hover, .pixel-credits.pixel-section-dark:active {
  color: #f39c12;
}

#main-footer {
  background: #2980B9;
  -webkit-box-shadow: inset 0px 6px 0px -1px rgba(255, 255, 255, 0.1) !important;
  -moz-box-shadow: inset 0px 6px 0px -1px rgba(255, 255, 255, 0.1) !important;
  box-shadow: inset 0px 6px 0px -1px rgba(255, 255, 255, 0.1) !important;
}

#main-footer div {
  color: #fff !important;
}

#main-footer a {
  color: #fff !important;
}

#main-footer a:hover, #main-footer a:active {
  color: #f39c12 !important;
}

#main-footer h2, #main-footer h3, #main-footer h4 {
  color: #f39c12;
  font-size: 36px;
  padding-bottom: 15px;
}

#main-footer img {
  width: 100%;
  max-width: 200px;
}

#main-footer ul li {
  padding-left: 0px !important;
  margin-bottom: 0px;
}

#main-footer ul li:before {
  display: none;
}

#main-footer .widget_recent_entries li {
  padding-bottom: 15px;
}

#main-footer .widget_recent_entries li a {
  color: #fff !important;
}

#main-footer .widget_recent_entries li a:hover, #main-footer .widget_recent_entries li a:active {
  color: #f39c12 !important;
}

#main-footer .widget_pages li a {
  color: #fff !important;
  font-weight: 400;
  font-family: "Open Sans" !important;
}

#main-footer .widget_pages li a:hover, #main-footer .widget_pages li a:active {
  color: #f39c12 !important;
}

.pixel-gravity-forms li {
  width: 100%;
  margin-bottom: 20px;
}

.pixel-gravity-forms li input, .pixel-gravity-forms li input.datepicker, .pixel-gravity-forms li select, .pixel-gravity-forms li textarea {
  background: transparent;
  width: 100% !important;
  padding: 15px 15px 15px 0px !important;
  font-size: 20px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0px;
  color: #000;
  border: none;
  border-bottom: 2px solid #000;
}

.pixel-gravity-forms li input::-webkit-input-placeholder, .pixel-gravity-forms li input.datepicker::-webkit-input-placeholder, .pixel-gravity-forms li select::-webkit-input-placeholder, .pixel-gravity-forms li textarea::-webkit-input-placeholder {
  color: #000 !important;
}

.pixel-gravity-forms li input:placeholder-shown, .pixel-gravity-forms li input.datepicker:placeholder-shown, .pixel-gravity-forms li select:placeholder-shown, .pixel-gravity-forms li textarea:placeholder-shown {
  color: #000 !important;
}

.pixel-gravity-forms li select {
  height: 50px;
}

.pixel-gravity-forms li label {
  display: none !important;
  font-weight: 400 !important;
  padding-left: 10px;
}

.pixel-gravity-forms .gravity-forms-choice, .pixel-gravity-forms .gravity-forms-multi-choice {
  padding-bottom: 25px;
}

.pixel-gravity-forms .gravity-forms-choice label, .pixel-gravity-forms .gravity-forms-multi-choice label {
  display: block !important;
}

.pixel-gravity-forms .gravity-forms-choice input, .pixel-gravity-forms .gravity-forms-multi-choice input {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}

.pixel-gravity-forms .gravity-forms-choice li, .pixel-gravity-forms .gravity-forms-multi-choice li {
  float: left;
  width: auto;
  margin-right: 15px !important;
}

.pixel-gravity-forms .gform_button {
  font-size: 24px !important;
  border: none;
  padding: 10px 20px 10px 0px;
  border-radius: 4px;
  background: transparent;
  color: #2980B9;
  font-weight: 700;
  
}

.pixel-gravity-forms .gform_button:hover {
  cursor: pointer;
  border: none;
  color: #000;
}

/* Anpassar gravity forms för mörk bakgrund */
.pixel-section-dark .pixel-gravity-forms li input, .pixel-section-dark .pixel-gravity-forms li input.datepicker, .pixel-section-dark .pixel-gravity-forms li select, .pixel-section-dark .pixel-gravity-forms li textarea {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.pixel-section-dark .pixel-gravity-forms li input::-webkit-input-placeholder, .pixel-section-dark .pixel-gravity-forms li input.datepicker::-webkit-input-placeholder, .pixel-section-dark .pixel-gravity-forms li select::-webkit-input-placeholder, .pixel-section-dark .pixel-gravity-forms li textarea::-webkit-input-placeholder {
  color: #fff !important;
}

.pixel-section-dark .pixel-gravity-forms li input:placeholder-shown, .pixel-section-dark .pixel-gravity-forms li input.datepicker:placeholder-shown, .pixel-section-dark .pixel-gravity-forms li select:placeholder-shown, .pixel-section-dark .pixel-gravity-forms li textarea:placeholder-shown {
  color: #fff !important;
}

.pixel-section-dark .pixel-gravity-forms .gform_button {
  color: #fff;
}

.pixel-section-dark .pixel-gravity-forms .gform_button:hover {
  color: #f39c12;
}

@font-face {
  font-family: britannic;
  src: url(britannic-bold.ttf);
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, ul li a {
  font-family: britannic !important;
}

html, body {
	background: #fff !important;
}

@media only screen and (max-width: 600px){
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_two {
		margin-left: 0;
	}
}

@media only screen and (max-width: 980px) {
	.et_mobile_menu {
		box-shadow: none;
	}
}

.gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] {
	text-indent: 0 !important;
}