/*
Theme Name:     Tripnet2.0
Theme URI:
Description:    Theme based on Velocity
Author:         Sara Orre - Skapa AB
Author URI:		http://skapa.se
Template:       velocity
Version:        1.1
*/

@import url("../velocity/style.css");

body {font-size: 14px; font-family: 'Open Sans', sans-serif;}
a {color: #003399;}
blockquote{background: transparent !important;}
.page-id-1567 aside.span3.right.sidebar {
    padding-top: 45px !important;
}
h2 a, h2 {color: #f6bf65; font-size: 22px; font-weight: 600;}
.pagetitle h1 { float: left; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 2em; line-height: 30px; margin:0; color: #fff; font-style: normal; text-transform: none; text-align: left; margin-top: 44px; margin-bottom: 45px; padding-left: 0px; white-space:normal;}
.header .logo{float: left;position: relative;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;}
.headerwrap {float: left;position: relative;width: 100%; max-height: 80%;top: 0;left: 0;margin: 0;padding: 0;background: #fff;background: rgba(255,255,255,1);border-bottom: 1px solid #e5e5e5;}
.nopagetitle #firstcontentcontainer {padding-top: 0px !important;}
.slogan{ float:right; padding:0px; margin-top: 15px; margin-left: 15px;}
.header .logo { float: left;position: relative;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;-webkit-transform: matrix(1, 0, 0, 1, 0, 0)!important; -moz-transform: matrix(1, 0, 0, 1, 0, 0)!important; transform: matrix(1, 0, 0, 1, 0, 0)!important; }
.pagetitle {margin: 0 auto !important;padding: 0;position: relative;z-index: 3;}
.homepostimage img { border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0; max-width: 100%;}
.posticonbg {float: left;border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0; }
.blogpost h2 a {font-weight: 600;color: #000 !important;}
.blogpost .postdivider{background: transparent; }
.wpb_wrapper h2{font-size: 22px !important; font-weight: 600 !important;}
.pagewrapright li a {color: #003399 !important;}
.wpb_wrapper p a{color: #003399 !important;}
.navigation ul li.menu-item.current-menu-item a.menu-link, .navigation ul li.menu-item.current-menu-ancestor a.menu-link {color: #f6bf65;border-top: 2px solid #f6bf65 !important;padding-bottom: 38px;padding-top: 40px;}
a.menu-link {color: #777;}
table a {color: #003399;}
.subfooter a:hover{color: #777 !important;}
.posttext p a{color: #003399 !important;}
.blogpost .postmedia img {width: 100%;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.blogpost .postmedia {-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.homepostholder {border: 0px !important;}
.homepost h4, .homepost h4 a{color:#000;}
.homepostimage {float: left;width: 20%;max-width: 70px;vertical-align: top;position: relative;margin-top: 0px; }
.portfoliowrap {overflow: visible;position: relative;margin-left: 0;padding-bottom: 50px !important;}
.homepostimage a.withimage .posticonbg {background-color: transparent !important;}
.homepostimage a.withimage .posticon {color:  transparent !important;}
.blogpost .postmedia-slide{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.fbf_facebook_page_widget h4 {font-size: 14px !important;}
.mediaholder, .portfolio img {-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
.foliotextholder{padding-bottom: 15px; padding-top: 5px !important;}
.foliotextholder .itemtitle a { color: #777 !important; font-weight: 700; }
.folio_underlay	{background-color: transparent !important;}
.mediaholder .link{background: transparent !important; color: transparent !important; text-shadow: none !important;width: 300px;z-index: 3;height: 250px;color: transparent !important;font-size: 0px;cursor: pointer;position: absolute;
left: 0%;top: 0%;margin-left: 0px !important; margin-top: 0px !important;-moz-opacity: 0.0;filter: alpha(opacity=0);opacity: 0;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;text-align: center;
line-height: 0px !important; 
text-shadow: rgba(0,0,0,0.03) 1px 1px, rgba(0,0,0,0.03) 2px 2px, rgba(0,0,0,0.03) 3px 3px, rgba(0,0,0,0.02) 4px 4px, rgba(0,0,0,0.02) 5px 5px, rgba(0,0,0,0.02) 6px 6px, rgba(0,0,0,0.01) 7px 7px, rgba(0,0,0,0.01) 8px 8px, rgba(0,0,0,0.01) 9px 9px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
transform-origin: center center;
-webkit-transform: scale(0.25) rotate(-30deg);
-moz-transform: scale(0.25) rotate(-30deg);
-ms-transform: scale(0.25) rotate(-30deg);
-o-transform: scale(0.25) rotate(-30deg);
transform: scale(0.25) rotate(-30deg);
}
.foliotextholder{display: block !important;}
.portfolio img:hover { opacity: 0.7;}
.single-portfolio .wpb_separator {
  display: none !important;
}
.jubliee-title h4{
  color: #f6bf65;
  font-size: 26px !important;
}
.foliotextholder .itemcategories {display:none;}
.page h2 {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 22px;line-height: 28px;margin-bottom: 4px;width: 100%;font-weight: 600;padding-left: 0px;margin-top: 2px;}
#firstcontentcontainer{padding-top: 0px;}
.lightpagetitle .pagetitlewrap .pagetitle h1 {color: #000 !important; font-weight: 700;}
.lightpagetitle .pagetitlewrap .breadcrumbwrap, .lightpagetitle .pagetitlewrap .breadcrumbwrap a, .lightpagetitle .pagetitlewrap .breadcrumbwrap a:hover, .lightpagetitle .pagetitlewrap .breadcrumbwrap a:visited:hover {color: #777 !important;}
ul.portfoliofilter{display:none;}
.pagetitlewrap {border-bottom: 0;position: relative;width: 100%;left: 0;margin: 0;padding: 0;margin-top: 0px;background: #FFF !important; background-repeat: no-repeat;}
.colored .pagetitlewrap .bgwithparallax_overlay {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 2; background-color:#FFF !important; }
.lightpagetitle .pagetitlewrap {border-bottom: 0px solid #e5e5e5;border-top: 0px solid #757575;}
.blogpost.singlepost .posttext p {}
.contact {margin-bottom: 5px;}
h1 a,  h3 a, h4 a, h5 a, h6 a {color: #f6bf65;}
h4, h5, h6{margin-bottom: 5px !important;}
.tjanster-col {width: 63% !important;}
.clear{clear: both;}
.btn{ padding: 5px !important; font-weight: 300; color: #003399 !important; background-color: transparent !important;}
.btn:hover{color: #000 !important;}
.vc_responsive .wpb_row .vc_span9 {float: left;width: 74% !important;}
.vc_btn_orange {background-color: #f6bf65 !important;color: #ffffff !important;-webkit-transition: all 0.5s;transition: all 0.5s;}
.vc_btn{padding: 7px !important;}
.breadcrumbs{float: right;margin-top: 53px;margin-right: 0px;font-size: 12px;line-height: 24px;color: #777;font-weight: 400;}
.breadcrumbs a{ color: #777 !important; -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.breadcrumbs a:hover {color: #f6bf65 !important;}
.footerwrap {font-size: 13px;}
.footer a:hover {color: #777 !important;}
.fbf_facebook_page_widget li{border-bottom: 0px !important;}
.fbf_facebook_page_widget li a{color: #083797 !important;}
ul.fbf_facebook_page_widget {margin-left: 0px;}
abbr[title] {cursor: pointer !important;border-bottom: 0px !important;}

.start-separator h4{
	color: #f6bf65;
	font-weight: 400;
}
.cff-post-links { 
	float: right !important; 
}
.page .container p a {
	color: #003399;
}
/* RECENT POST WIDGET CSS */
.rpwe-block ul{list-style:none!important;margin-left:0!important;padding-left:0!important;}
.rpwe-block a {color: #000 !important;}
.rpwe-block li{border-bottom:0px solid #eee;margin-bottom:10px;padding-bottom:10px;list-style-type: none;}
.rpwe-block a{display:inline!important;text-decoration:none;}
.rpwe-block h3{background:none!important;clear:none;margin-bottom:0!important;margin-top:0!important;font-weight:400;font-size:13px!important;line-height:1.5em;}
.rpwe-thumb{border:none !important;box-shadow:none!important;margin:2px 10px 2px 0;padding:3px!important;}.rpwe-summary{font-size:12px;}
.rpwe-time{color:#bbb;font-size:11px;}
.rpwe-alignleft{display:inline;float:left;}
.rpwe-alignright{display:inline;float:right;}
.rpwe-alignnone{display:block;float:none;}
.rpwe-clearfix:before,.rpwe-clearfix:after{content:"";display:table !important;}
.rpwe-clearfix:after{clear:both;}.rpwe-clearfix{zoom:1;}
.wpb_wrapper h1 { font-size: 32px; line-height: 50px; margin-top: 0; }
.wpb_wrapper h2 { font-size: 16px !important; line-height: 22px !important; margin-top: 10px !important; color:#555; padding-right: 10px !important; font-weight: normal;}
.wpb_wrapper h3 { font-size: 27px !important; line-height: 37px !important; margin-top: 0 !important; }
.wpb_wrapper h4 { font-size: 22px ; line-height: 32px !important; margin-top: 0 !important; }
.wpb_wrapper h5 { font-size: 20px !important; line-height: 30px !important; margin-top: 0 !important; }
.wpb_wrapper h6 { font-size: 17px !important; line-height: 27px !important; margin-top: 0 !important; }

.wpb_image_grid .wpb_image_grid_ul img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 0 !important;
}
.vc_responsive .wpb_row .vc_span12 { 
	float: left;
	width: 100%;
	margin-left: 0 !important;
}
li.isotope-item.vc_span6.grid-cat-2.grid-cat-10 {
	position: relative !important;
	transform: translate3d(370px,0,0) !important;
}
li.isotope-item.vc_span6.grid-cat-2.grid-cat-11{
	position: relative !important;
	transform: translate3d(0,0,0) !important;
}
li.isotope-item.vc_span12{ margin-left: 0 !important;}
.post-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.post-list li {
  float: left;
  max-width: 340px;
  padding: 20px;
}
.post-list-title {
  color: #333;
  font-size: 17px;
  font-weight: 600;
  float: left;
}
.post-list-thumb {
  float: left;
  max-width: 75px;
  padding: 15px 10px 0 0;
}
.post-list-exceprt {
  padding-top: 10px;
}
.read-more {
  float: right;
  color: #083797;
  font-size: 14px;
}
.wpb_teaser_grid .entry-content {margin: 0;padding-top: 10px !important;padding-left: 20px !important; width: 75% !important;float: left;}
.post-thumb {
float: left;
padding-top: 14px;
}

a.vc_read_more {
float: right;
padding-right: 10px;
color: #083797;
}

a.link_title {
color: #333 !important;
font-size: 17px;
}
.isotope-item{margin-left: 0 !important; }

.footer article:first-child {
margin-left: 0;
width: 46%;
}
.footer article:nth-child(2){display:none;}
.fourcol .entry {
width: 294.5px;
padding-bottom: 55px;
}

/* WPML ICON CSS*/
#lang_sel_list a, #lang_sel_list a:visited {display: block;font-size: 11px;text-decoration: none !important;color: #444444;margin-top: 2px;background: #fff;line-height: 18px;padding-left: 5px;}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
	.tp-caption{padding-left: 10px !important;}
	.tp-caption.lightgrey_divider{ width: 250px;  padding-left: 50px !important;}
	.single-portfolio .tp-caption{padding-left: 50px !important;}
	.tp-caption.white_divider{margin-left: 10px !important; width: 250px !important;}
	.slogan{ float:right; padding:0px; margin-top: 15px; margin-left: 15px;}
	.wpb_teaser_grid .entry-content {margin: 0;padding-top: 10px !important;padding-left: 20px !important;width: 75% !important;float: left;}
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
	.tp-caption{padding-left: 10px !important;}
	.single-portfolio .tp-caption{padding-left: 50px !important;}
	.tp-caption.lightgrey_divider{ width: 200px;  padding-left: 50px !important;}
	.lightpagetitle .pagetitlewrap .pagetitle h1 {margin-bottom: 0px !important;}
	.tp-caption.white_divider{margin-left: 10px !important; width: 200px !important;}
	.slogan{float:none; margin: 0;}
	.wpb_teaser_grid .entry-content {margin: 0;padding-top: 10px !important;padding-left: 10px !important;width: 60% !important;float: left;}
}

  @media only screen and (min-width: 480px) and (max-width: 768px) {
	.tp-caption{padding-left: 10px !important;}
	.single-portfolio .tp-caption{padding-left: 20px !important;  padding-left: 50px !important;}
	.tp-caption.lightgrey_divider{ width: 110px;}
	.lightpagetitle .pagetitlewrap .pagetitle h1 {margin-bottom: 0px !important;}
	.tp-caption.white_divider{margin-left: 10px !important; width: 150px !important;}
	.slogan{float:none; margin: 0;}
	.wpb_teaser_grid .entry-content {margin: 0;padding-top: 10px !important;padding-left: 20px !important;max-width: 75% ;float: left;}
	.footer article:first-child {margin-left: 0;width: 100%;}
  }

   @media only screen and (min-width: 0px) and (max-width: 479px) {
	.tp-caption{padding-left: 10px !important;}
	.tp-caption.lightgrey_divider{ width: 80px; padding-left: 50px !important;}
	.single-portfolio .tp-caption{padding-left: 20px !important;}
	.lightpagetitle .pagetitlewrap .pagetitle h1 {margin-bottom: 0px !important;}
	.tp-caption.white_divider{margin-left: 10px !important; width: 100px !important;}
	.slogan{float:none; margin: 0;}
	.wpb_teaser_grid .entry-content {margin: 0;padding-top: 10px !important;padding-left: 20px !important;max-width: 70% ;float: left;}
	.footer article:first-child {margin-left: 0;width: 100%;}
   }