/*

Theme Name: pcm-consulting theme

Theme URI: http://www.allaboutbusiness.gr/

Author: http://www.allaboutbusiness.gr/

Author URI: http://www.allaboutbusiness.gr/

Description:

Version: 1.1.10

License: GNU General Public License v3.0 /

License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags:



/* This is a small security for too long strings titles */

body {

	word-wrap: break-word;

    font-family: 'Open Sans', sans-serif;

    width: 100%;

    overflow-x: hidden;

}

#content p {

    text-align: justify;

}

.mpla.container {

    padding: 0 10px !important;

}

@media screen and (min-width: 768px) {

   .centeritems {

       text-align: center !important;

       margin: 0 auto !important;

       float: none !important;

       display: inline-block;

       vertical-align:top;

   }

}

/* ALIGNMENT -------------------------

------------------------------------*/

.alignleft {

	display: inline;

	float: left;

	margin-right: 1.5em;

}

.alignright {

	display: inline;

	float: right;

	margin-left: 1.5em;

}

.aligncenter {

	clear: both;

	display: block;

	margin: 0 auto;

}

/* Images and wp-captions should always fit and be responsive */

img {

	display: inline-block;

	height: auto;

	max-width: 100%;

}

img[class*="wp-image-"] {

	margin-top: 10px;

	margin-bottom: 10px;

}

.wp-caption {

	border: 1px solid #ccc;

	margin-bottom: 10px;

	max-width: 100%;

	border-radius: 4px;

	padding: 0 10px;

}

.wp-caption.aligncenter {

	margin-bottom: 10px;

}

.wp-caption img[class*="wp-image-"] {

	display: block;

}

.wp-caption .wp-caption-text {

	text-align: center;

	margin-top: 10px;

}

/* WP Gallery */

.gallery {

	margin-bottom: 1.5em;

}

.gallery a img {

	border: none;

	height: auto;

	max-width: 90%;

}

.gallery dd {

	margin: 0;

}

/* Make sure embeds and iframes fit their containers */

embed,

iframe,

object {

	max-width: 100%;

}

/* Text meant only for screen readers */

.screen-reader-text {

	clip: rect(1px, 1px, 1px, 1px);

	position: absolute !important;

}

.screen-reader-text:hover,

.screen-reader-text:active,

.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	color: #21759b;

	display: block;

	font-size: 14px;

	font-weight: bold;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000; /* Above WP toolbar */

}

/* NAVIGATION ------------------------

------------------------------------*/

#masthead {

    font-family: 'Ubuntu', sans-serif;

    font-weight: 300;

    position: absolute;

    margin: 0 auto;

    left: 0;

    right: 0;

    z-index: 4;

}

.site-navigation-inner .container {

    position: relative;

}

.sitelogo {

    position: absolute;

    z-index: 999;

    width: 13%;

    left: 0;

    top: 0;

}

.navbar {

    border-radius: 0px;

    border: none;

}

.navbar-inverse {

    background-color: rgba(0, 0, 0, 0.7);

}

.navbar-nav>li {

    margin: 0 1em;

}

li.menu-item a {

    border-bottom: 4px solid rgba(0, 0, 0, 0);

}

li.menu-item a:hover {

    border-bottom: 4px solid #ea5b25 !important;

}

.navbar-inverse .navbar-nav>li>a {

    color: #fff;

}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

   border-bottom: 4px solid #ea5b25 !important;

   background-color: transparent;

}

.dropdown-submenu{position:relative;}

.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}

.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {

display: block;

}

.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

.dropdown-submenu:active>a:after{border-left-color:#ffffff;}

.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}





/* Here some needed widget styles

 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */

.widget { margin-bottom: 2em; }

.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }



/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.

 * Note: you can change the whole appearance of the search_form() function in our searchform.php */

.widget_search .search-form input[type="submit"] { display: none; }



/* Widgets sizes */

.widget select {

	max-width: 100%;

}

.entry-meta {

	clear: both;

}

/* styles for pcm_pagination und pcm_link_pages */

nav form.tk-page-nav,

nav .input-group,

nav .input-group-btn,

nav .form-control {

    display: inline;

}

/* MAIN CONTENT ----------------------

------------------------------------*/

/** GENERAL CONTENT STYLES -----------

------------------------------------*/

h1, .h1 {

    color: #ea5b25;

}

h1, .h1, h2, .h2 {

    margin-bottom: .6em;

}

.h2, h2 {

    font-size: 28px;

}

p {

    margin: 0 0 17px;

}

.page-content {

    margin-top: 3em;

    margin-bottom: 3em;

}

.main-content-inner {

	padding-bottom: 1.5em;

}

.hentry {

	margin: 0 0 1.5em;

}

.clear {

	clear: both;

}

/** LIST STYLES ----------------------

------------------------------------*/

.page-content ul {

    list-style-type: none;

    padding: 0 0 0 2em;

    margin: 0;

}

.page-content ul li {

    background: url("media/bullet.png") no-repeat left top;

    padding: 0 0 .7em 1.2em;

}

/** FRONT PAGE STYLES ----------------

------------------------------------*/

a.services-detailed:hover {

    text-decoration: none;

}

/** XP PAGE STYLES -------------------

------------------------------------*/

.pdfDownloadSection {

    margin-bottom: 5em;

}

h4.pdfDownload {

    width: 100%;

    text-align: right;

    border-bottom: 2px solid #ea5b25;

    line-height: 0.1em;

    margin: 10px 0 20px;

    padding-right: 15%;

    font-size: 1em;

}

h4.pdfDownload span {

    background: #ea5b25;

    padding: .4em 2em;

    color: #fff;

    border-radius: 8px;

}

h4.pdfDownload a:hover, h4.pdfDownload a:focus {

    text-decoration: none;

}

/** CONTACT STYLES -------------------

------------------------------------*/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */

  color: #ea5b25 !important;

}

::-moz-placeholder { /* Firefox 19+ */

  color: #ea5b25 !important;

}

:-ms-input-placeholder { /* IE 10+ */

  color: #ea5b25 !important;

}

:-moz-placeholder { /* Firefox 18- */

  color: #ea5b25 !important;

}

.btn {

    width: 100%;

    padding: 1em 0 !important;

    font-size: .8em;

    font-weight: 700;

}

.btn-default, .btn-default:hover, .btn.focus, .btn:focus, .btn:hover {

    color: #fff;

    border: none !important;

    border-radius: 0px;

}

.btn-default, .btn.focus, .btn:focus, .btn:hover {

    background-color: #ea5b25;

}

.btn-default:hover {

    background-color: #c44e22;

}

.btn.focus, .btn:focus, .btn:hover {

    text-decoration: none;

}

.form-control {

    height: 28px;

    font-size: 12px;

    border-radius: 0px;

}

.txtareaField {

    position: relative;

}

.txtareaField .form-group {

    margin-bottom: 0;

}

div.wpcf7 .ajax-loader {
    display: none;
}

textarea {

    resize: none;

}

.g-recaptcha {
    transform: scale(0.76);
    transform-origin: 0 0;
}

.wpcf7-form-control-wrap {
    position: relative;
    margin-top: 10px;
}

.embed-responsive-16by9 {

    padding-bottom: 100%;

}

@media screen and (max-width: 1199px) {
    .g-recaptcha {
        transform: scale(0.62);
        transform-origin: 0 0;
    }
}

@media screen and (max-width: 991px) {

   .embed-responsive-16by9 {

        padding-bottom: 160%;

    } 
    
    .g-recaptcha {
        transform: scale(0.73);
        transform-origin: 0 0;
    }

}

@media screen and (max-width: 767px) {

   .embed-responsive-16by9 {

        padding-bottom: 50%;

    } 

}

@media screen and (min-width: 768px) {

    .button-padding.col-sm-4{

        padding-left: 0;

        position: absolute;

        bottom: 0;

        right: 0;

    }

}



@media screen and (min-width: 768px) and (max-width: 991px){

    .gallery-caption::after {

        left: 39.5%;

    }



    .gallery-caption {

        bottom: 109%;

    }

}

/* FOOTER STYLES ---------------------

------------------------------------*/

footer.site-footer {

    font-family: 'Ubuntu', sans-serif;

    max-width: 100%;

    width: 100%;

    height: auto;

    padding: 2.5em 0;

}

.copy {

    color: #ea5b25;

}



.site-footer-inner {

    text-align: center;

    font-weight: 500;

    color: #58595b;

}

.dot {

    background-color: #ea5b25;

    margin: 0 auto;

    width: 10px;

    height: 10px;

    border-radius: 100%;

    margin-bottom: 10px;

}

.copyright {

    font-weight: 500;

}

.site-info {

    font-weight: 300;

}

@media screen and (max-width: 991px) {

    .sitelogo {

        width: 17%;

    }
    
    .navbar-nav>li {
        margin: 0 .5em;
    }

}

@media screen and (max-width: 767px) {

    .sitelogo {

        width: 96px;

        left: 1em;

    }

    form {

        margin-bottom: 3em;

    }

    .button-padding.col-sm-4 {

        margin-top: 1em;

    }

    .experience-message {

        position: relative;

        padding: .6em 1.5em;

        width: 100%;

        bottom: 0;

        left: 0;

        font-size: .9em;

    }

    .experience-message h1 {

        font-size: 1.8em;

    }

    .experience-more {

        bottom: 1em;

    }

    .experience-section {

        margin-top: 4em;

        margin-bottom: 4em;

    }

    .services-detailed h4 {

        font-size: 1em;

    }

    .services-section {

        margin-bottom: 3em;

    }

    .gallery-caption {

        position: relative;

        width: 100%;

        display: none;

/*        opacity: 1;*/

    }

    .gallery-caption::after {

        display: none;

    }

}
/*

html, body, .news-main-content {
    height: 100%;
}
footer.footer-news {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
*/

/* NEWS PAGE */
.page-news-wrapper {
    min-height: 100%;
    background: #f1f1f4;
    padding-top: 14em;
    padding-bottom: 9em;
}
.page-news {
    background: #fff;
    padding-top: 4em;
    padding-bottom: 6em;
}
.news-entry {
    padding: 0 2em;
}
.page-news ul, .page-news ol {
    margin-bottom: 20px;
    padding-left: 20px;
}

.news-date h3 {
    color: #ea5b25;
    font-size: 20px;
}

.right-arrow {
    margin-left: -20px;
    float: left;
    margin-top: 4px;
}

.archive-title h3 {
    margin: 0;
    padding: 0;
    font-size: 20px;
}
.archive-title a {
    color: #333;
    text-decoration: none;
}

.news-page-title {
    background: #ea5b25;
    position: absolute;
    color: #fff;
    left: -25px;
    top: -22px;
}

.news-page-title h2 {
    font-size: 22px;
    margin: 0;
    padding: .4em 0 .4em 2em;
    font-weight: 300;
    width: 260px;
    text-align: center;
}
h1.news-article-title {
    font-size: 26px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 1em;
}

.page-news-wrapper li {
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
/*
    html, body, .news-main-content {
        height: auto;
    }
*/
    .page-news-wrapper {
/*        min-height: auto;*/
        padding-top: 8em;
        padding-bottom: 2em;
    }
    .page-news {
        padding-top: 2em;
        padding-bottom: 3em;
        margin-left: 15px;
        margin-right: 15px;
    }
    .news-date h3, .archive-title h3 {
        font-size: 18px;
    }
    h1.news-article-title {
        font-size: 20px;
    }
/*
    footer.footer-news {
        position: static;
        bottom: unset;
        left: unset;
        right: unset;
    }
*/
}

p.services-title{
font-size:34px;
font-weight:bold;
text-align:center!important;
}
.page-id-180 .main-content,
.page-id-183 .main-content{margin-top: 100px;}