/*
Theme Name: Danish Management
Author: Sanjib Ahmad
Description: Custom WordPress theme for Danish Management.
Version: 1.0
*/

.hidden.menu {display: none;}
.masthead.segment {min-height: 700px;padding: 1em 0;}
.masthead .logo.item img {margin-right: 1em;}
.masthead .ui.menu .ui.button {margin-left: 0.5em;}
.masthead h1.ui.header {
  margin-top:    3em;
  margin-bottom: 0;
  font-size:     4.5em;
  font-weight:   normal;
}
.masthead h2 {font-size: 1.7em;font-weight: normal;}
.ui.inverted.segment {background: #10102a;}
.ui.inverted.menu {background: #10102a;}
.ui.secondary.inverted.pointing.menu { /*border: 0;*/border-color: #10102a;}
.ui.vertical.stripe {padding: 5em 0;}
.ui.vertical.stripe h3 {font-size: 2em;}
.ui.vertical.stripe .button + h3,
.ui.vertical.stripe p + h3 {margin-top: 3em;}
.ui.vertical.stripe .floated.image {clear: both;}
.ui.vertical.stripe p {font-size: 1.33em;}
.ui.vertical.stripe .horizontal.divider {margin: 3em 0;}
.quote.stripe.segment {padding: 0;}
.quote.stripe.segment .grid .column {padding-top: 5em;padding-bottom: 5em;}
.footer.segment {padding: 5em 0;}
.secondary.pointing.menu .toc.item {display: none;}

.logo img { width: 270px; margin-top: 5px; }

.page p,
.page li {
  font-size: 1.2em !important;
}
.page li {
  line-height: 1.5em !important;
}

.pf-thumb-container { overflow: hidden; }
.pf-thumb {
  height:              250px;
  background-size:     cover !important;
  background-repeat:   no-repeat;
  background-position: center;
}
.pf-thumb:hover, .pf-thumb:focus {
  transform:  scale(1.1);
  transition: all .8s;
  cursor:     pointer;
}
.pf-title {
  margin-top: 10px;
  text-align: center;
}
.pf-large {
  width:               280px;
  height:              280px;
  background-size:     cover !important;
  background-repeat:   no-repeat;
  background-position: center;
}

#history .container p {
  font-size: 1.2rem;
}

@media only screen and (max-width: 700px) {
  .ui.fixed.menu {display: none !important;}

  .secondary.pointing.menu .item,
  .secondary.pointing.menu .menu {display: none;}

  .secondary.pointing.menu .toc.item {display: block;}

  .masthead.segment {min-height: 350px;}

  .masthead h1.ui.header {font-size: 2em;margin-top: 1.5em;}

  .masthead h2 {margin-top: 0.5em;font-size: 1.5em;}

  .ui.large.secondary.inverted.pointing.menu .logo { position: absolute; margin-left: 45px; }

  .ui.large.secondary.inverted.pointing.menu .logo img { width: 270px; margin-top: -10px; }

  .pf-thumb { height: 140px; }
}