/*
Theme Name: CV Card
Theme URI: http://burak-aydin.com/cvcard-page/
Author: Burak Aydin
Author URI: http://burak-aydin.com/
Description: CV Card is a vCard Theme for your personal purpose. It is like an online CV. It have simple blog ,portfolio and works well with all devices. The theme have 6 custom page template ( About, Blog, Contact, Homepage, Portfolio, Resume ) and custom post type ( Portfolio ). Fully Responsive ( include video too ), Customizable. Using Twitter Bootstrap 3, Microformats and Font Awesome icons. CV Card Theme supports post formats ( audio and video ). Theme Features: Advanced Custom Fields, Contact Form, Custom Background Support, Custom Menu ( 1 Level ), Custom Colors, Google Fonts, Google Maps, Featured Images, Post Formats, Masonry Style for blog page, Microformats, Responsive Video, Redux Framework, Smooth Scroll. You should go to theme url in order to learn more about the theme. Also please read the documentation how to customize and place pages, more.
Version: 1.2.4
Tags: black, yellow, one-column, four-columns, responsive-layout, custom-background, custom-colors, custom-menu, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, translation-ready
Text Domain: cvcard
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
This theme is licensed under the GPL.
*/

@import url('css/bootstrap.css');
@import url('css/font-awesome.css');
@import url('css/style.css');

/* CSS Document */

.left-col {
    width: 40%;
    float: left;
    margin-left: 107px;
}

.left-col h2 {
  font-size: 20px;
  font-family: 'atillanormal' !important;
}

.right-col {
    width: 39%;
    float: right;
    margin-top: 57px;
    margin-bottom: 60px;
    margin-right: 28px;
}

.right-col h2 {
  font-size: 20px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.right-col h3 {
  font-size: 16px;
  line-height: 0px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.right-col h4 {
  font-size: 14px;
  line-height: 0px;
  width: 160px;
  float: left;
  text-align: left;
  margin: 12px 2px;
  color: #717171;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.right-col p {
  font-size: 14px;
  line-height: 18px;
  float: left;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.left-col input.wpcf7-form-control.wpcf7-submit {
  background: #43464b;
  border: 0;
}

.left-col input.wpcf7-form-control.wpcf7-submit:hover {
  background: #FFFFFF;
  border: 0;
  color: #000;
}

.form-control {
  background-color: #FFFFFF;
  color: #000;
  width: 300px;
  padding-left: 10px;
}

.left-col span.wpcf7-form-control-wrap.Event {
  color: #000;
}

.left-col input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
  color: #000;
  width: 300px;
  height: 31px;
  padding-left: 10px;
}

body {
  font-family: 'atillanormal' !important;
  font-size: 14px;
  line-height: 1.42857143;
  color: #ececec;
  background-color: #16191f;
}

.left-col select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
  width: 300px;
  height: 30px;
  padding-left: 9px;
}

.left-col textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    width: 300px;
}

div#wpcf7-f143-p29-o1 {
    width: 91%;
    margin: 0 auto !important;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
  position: relative;
  width: 40%;
  height: 50px;
  float: left;
}

.right-col textarea.wpcf7-form-control.wpcf7-textarea.form-control {
  height: 159px;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1150px;
	min-height: 45px;
	position: relative;
	text-transform: uppercase;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #141412;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 18px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #51b1d1;
	color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #220e10;
	border: 2px solid #f7f5e7;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: -2px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #db572f;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #fff;
	font-style: normal;
	background-color: #51b1d1;
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar {
	background-color: #f2f2f2;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
	float: left;
}


#menu-menu-navigation-menu ul {
  list-style: none;
  background-color: #444;
  text-align: center;
  padding: 0;
  margin: 0;
}

#menu-menu-navigation-menu li {
  font-size: 18px;
  line-height: 40px;
  text-align: left;
}

#menu-menu-navigation-menu a {
  text-decoration: none;
  color: #fff;
  display: block;
  border-bottom: 1px solid #888;
  transition: .3s background-color;
}

#menu-menu-navigation-menu a:hover {
  background-color: #fff;
  color: #282828;
}

#menu-menu-navigation-menu a.active {
  background-color: #aaa;
  color: #444;
  cursor: default;
}

/* Sub Menus */
#menu-menu-navigation-menu li li {
  font-size: .8em;
}

#menu-menu-navigation-menu ul li.current-menu-item
{
	background-color: #aaa;
}

/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/

@media screen and (min-width: 650px) {
  #menu-menu-navigation-menu li {
    border-bottom: none;
    /* height: 50px; */
    /* line-height: 50px; */
    font-size: 18px;
    display: inline-block;
  
    float: left;
    /* padding: 11px 11px; */
}

  #menu-menu-navigation-menu a {
    border-bottom: none;
  
    padding: 4px 13px;
    text-transform: uppercase;
}

  #menu-menu-navigation-menu > ul > li {
    text-align: center;
  }

  #menu-menu-navigation-menu > ul > li > a {
    padding-left: 0;
  }

  /* Sub Menus */
  #menu-menu-navigation-menu li ul {
    position: absolute;
    display: none;
    width: inherit;
  
    z-index: 999;
}

  #menu-menu-navigation-menu li:hover ul {
    display: block;
  }

  #menu-menu-navigation-menu li ul li {
    display: block;
  
    min-width: 157px;
    float: initial;
    z-index: 999999999;
    position: relative;
}

}

.menu-menu-navigation-menu-container {
    /* width: 100%; */
    float: right;
    position: relative;
    margin-top: 40px;
}

#menu-menu-navigation-menu li a:active{color: #282828 !important;background-color: #fff !important;}

#menu-menu-navigation-menu .current-menu-item a {
  background-color: #fff;
  color: #282828;
}

ul#menu-menu-navigation-menu {
    display: block;
}

.-skin-default .-filters .-filter.active {
  color: #000;
}

/************************************************************************
// Responsive
*************************************************************************/
@media (min-width: 320px) and (max-width: 568px) {

div#masonry-gallery-thumbnails_111 {
    width: 100% !important;
}

a#ux_img_div_111 {
    width: 100% !important;
}

.widget_margin_thumbs111.opactiy_thumbs.margin_thumbs.dynamic_css.gb_overlay.animated.bounce {
    width: 100% !important;
}
}